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(57) A new application programming language is 
provided which is based on user interaction with any de- 
vice which a user is employing to access any type of 
information. The new language is referred to herein as 
a "Conversational Markup Language (CML). in a pre- 
ferred embodiment, CML is a high level XML based lan- 
guage for representing "dialogs" or "conversations" thie 
user will have with any given computing device. For ex- 
ample, interaction may comprise, but is not limited to, 
visual based (text and graphical) user interaction and 
speech based user interaction. Such a language allows 
application authors to program applications using inter- 
action-based elements referred to herein as "conversa- 
tional gestures." The present invention also provides for 
various embodiments of a multimodal browser capable 
of supporting the features of CML in accordance with 
various modality specific representations, e.g., HTML 
based graphical user Interface (QUI) browser, 
VoiceXML based speech browser, etc. 
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Description 

Field of the Invention 

5 [0001] The present Invention generally relates to Information access applications and, more particularly, to an inter- 
action-based markup language and mulli-nnodal browsing mechanisms supporting the interaction-based markup lan- 
guage for use with such information access applications. 

Background of the Invention 

10 

[0002] Given the dramatk: increase in the availability of various types and quantities of Information and a sharp 
decrease in time and/or availability of traditional facilities to access such infomiation, individuals currently desire to be 
able to access, act on, and/or transfonrn any information from any device at any time. In the case of the Internet, for 
instance, large quantities and varieties of infonnation are available, however, traditionally the Internet was mostly sup- 
15 porting only devices that access infonnation using a HyperText Markup Language (HTML) browser on lop of a HyperText 
Transport Protocol (HTTP) network. This was provided on top of TCP/IP (Transmission Control Protocol / Internet 
Protocol). 

[0003] Solutions to this problem centered around rewriting application programs used to access such information so 
that the information could be accessed in other ways. One solution led to the development of the Wireless Application 

20 Protocol (WAP), see, http://www.mobilewap.com. WAP Is equivalent to HTTP for a wireless network. A Wireless Markup 
Language (WML) was developed which is equivalent to HTML for a wireless network. Thus, similar to how HTML is 
used on top of HTTP. WML is used on top of WAP. WAP and WML allow a user to access the Internet over a cellular 
phone with constrained screen rendering and limited bandwidth connection capabilities. CHTML is another example 
of a ML (markup language) addressing this space. 

25 [0004] Next, more recently came the development of a mechanism for bringing the Web programming model (also 
known as fat client programming model) to voice access and, in particular, to telephone access and Interactive Voice 
Response (iVR) systems. Such a mechanism is typically known as a speech browser (or voice browser). The speech 
browser may use a speech based variation of the Extensible Markup Language (XML) known as VoiceXML. see. e.g., 
http://www.voicexml.org. The speech browser can also operate on top of the WAP protocol and in conjunction with 

30 exchanges of WML data. 

[0005] However, such an approach poses certain problems for application programmers, If they want to offer multi- 
channel support: offer access to web browsers (HTML browsers), phones (voice browsers) and wireless browser (WML) 
or multi-modal/ conversational browsers, as defined in the aforementioned disclosures. First, with this approach, the 
application programmer must deal with at least three different languages when developing an application, e.g., HTML, 

35 WML and VoiceXML. That is, the applteation must account for the fact that since a user is going to be accessing Internet 
based Information via a speech browser over a conventional telephone, or over a wireless connection using a WAP 
browser or using a conventional web browser, HTML, WAP and VoiceXML must be employed when writing the appli- 
cation. This is known to be quite burdensome to the application developer. Secondly, with this approach, there is no 
suitable way to synchronize multi-modal applications, for example, applications that provide for both visual and speech 

40 based user interaction with the browser or browsers employed to access the application. 

[0006] Applications have traditionally been developed such that both content (i.e., Infonmatlon or other data) and 
presentation (i.e., manner in which the content is presented to the user) were mixed. However, in an attempt to simplify 
application programming, an effort was made to separate content from presentation. This led to the development of 
the Extensible Stylesheet Language (XSL) which operates in conjunction with XML such that content associated with 

45 an applfcatlon Is stored in XML and the transtonmatlons necessary to present the content on a specific device are 
handled by XSL, see. http://www.w3.org/Style/XSL. Such approach has been adopted by the W3C (World Wide Web 
Consortium). This approach is typically used to adapt the presentaUon to the characteristics of the main browsers (e. 
g., different versions of Microsoft Internet Explorer, Netscape Communicator/Navigator, other less popular browsers, 
etc.). Some have tried to extend this use to other modalities/channels (e.g., wireless browser supporting a fonnat like 

50 WML on top of embedded devices (wireless phone or PDA)). This last approach has never been very successful or 
convenient and in any case it requires multiple authoring of the XSL pages. However, this approach has the disadvan- 
tage of being both application and device/channel dependent. That is, XSL rules are dependent on the application and 
device for which the content is to be transcribed. Thus, if an application is to be accessed from a new device, new XSL 
transformations must be written for that device. 

55 [0007] Other attempts to overcome some of these problems have been made. There have been attempts to provide 
an XML model based on user intention (complex and generally task oriented intentions). User intentions may be mod- 
eled with complex components that can not, or are very difficult to be, rendered on devices with small screens or with 
speech. These complex components, not decomposed Into smaller atomic components, can also not be tightly syn- 
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chronized across modalities. Tags independent of the device are offered which are rendered by different browsers. 
Also, some extensions to speech interactive voice response (IVR) systems have been proposed. However, among 
other deficiencies, these attempts do not model dialog and transcoding from modality to modality is generally an im- 
possible task. 

[0008] In these approaches, user Intentions are modeled with complex components that describe complex Interac- 
tions. However, they are typically application-specific. That is, they depend, characterize, or directly involve business 
logic concepts and elements. Therefore, in that case, the same way that XSL rules (and XSL style sheets) are today 
fundamentally a function of the application or application domain (i.e., the nature of the XML attribute involved), the 
XSL rules used to transform pages written with theses languages are also fundamentally a function of the application 
or application domain. They must be re-written for each new application. This characterizes the limitation of these 
approaches. These approaches do not contribute in helping to offer access to content, Independent of the access 
modality. Indeed, these approaches only allow access to content related to this application or application domain. Any 
other case requires rewriting the transfomiation rules. Thus, there is a need to free transfomnation rules from the 
backend application and to make it depend only on characteristics/modalities supported by the access device or chan- 
nel. 

[0009] Note that in some cases, support of multiple channels has been achieved by using cascades of stylesheets 
and treating the resulting XML stream as serialized Internal APIs (Application Programming Interfaces). Again, this 
requires multiple authoring. 

[0010] In addition, the above approaches result in having very complex intention models with such components that 
do not have corresponding rendering appropriate in modalities like WML. It is apparent that these models were designed 
to offer the capability to customize the graphical user interface (GUI) presentation to requirements of different types 
of display (i.e., essentially within variations of the same channel and modality) or browsers. As a result, none of these 
approaches appropriately model and treat speech or multi-modal user interfaces. 

[0011] As already mentioned, conventional transcoding (XSL rules used to present the XML content and change of 
XSL style sheet to go from one modality to another) has been considered to support different access modalities. This 
means that for a given XML content, by changing the XML rules, the system can produce an HTML page, an WML 
rule, or even a VoiceXML page, etc. Actually, this is what is being used today to support the different web browsers on 
the market, e.g., Netscape Communicator. Microsoft Internet Explorer, Sun Microsystenr^ Hot Java, Spyglass browser, 
Open Source Amaya browser/editor, etc. Unfortunately, this is possible only if: 

(i) The XSL mies are application or application domain specific (i.e., the nature of the XML attribute); and 

(ii) Transcoding is between two languages, for example HTML to WML. and the original content has been built in 
HTML while following very strict rules of authoring. Indeed, this is enforceable only if within a given company, for 
a given web site. Even in those cases, it is hardly implementable, in general, because of missing information across 
martcup languages or modalities in order to provide the conresponding components in other modalities (e.g., an 
HTML f omn or menu does not provide the information required to render it automaticalty by voice) as well as different 
dialog navigation flows in different modalities. 

[0012] Accordingly, there Is a need for an application programming language and infonnation browsing mechanisms 
associated therewith which overcome these and other shortcomings attributed to existing languages and browsers. 

Summary of the Invention 

[0013] The present invention provides for a new application programming language which is based on user interaction 
with any device which the user Is employing to access any type of Infonnation. The new language is referred to herein 
as a Conversational Markup Language (CML). 

[0014] In a preferred embodiment, CML is a high level XML based language for representing "diabgs" or "conver- 
sations" the user will have with any given computing device. While the temns dialog and conversation are used herein, 
it is to be appreciated that they more generally refer to a users interaction with a device (e.g., a local device, a remote 
device (e.g., interaction over the telephone), or any otherwise distributed device), independent of the modality and the 
device. Thus, interaction may comprise, but is not limited to, visual based (text and graphical) user interaction and 
speech based user interaction and combinations of them. 

[001 5] Such a language allows application authors to program applications using interaction-based elements refen-ed 
to herein as "conversational gestures." Conversational gestures are elementary programming components or elements 
of CML that characterize any dialog, independent of the modalities, the devices, or the browsers employed to access 
infonnation associated with an application programmed in accordance therewith. 

[001 6] The invention accomplishes these and other features and advantages by defining a new application program- 
ming paradigm. As mentioned above, existing application authoring approaches have adopted the concept of sepa- 
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rating the content based aspects of an application from the presentation based aspects. In accordance with the present 
ventlon, CML introduces a new paradigm which provides for separating application programming Into content aspects, 
resentation aspects and interaction aspects. By focusing on the interaction aspect of an application with respect to 
user, an application may be wrinen in a manner which is Independent of the content/application logic and presentation. 
5 a is to be appreciated that the content and/or the business logic of an application Is also referred to as the "back-end 

logic" associated with the application. 

[0017] In a client/server arrangement, the "back-end logic' Is the portion of an application that contains the logic, i. 
e,. encoded set of states and conditions that drive the evolution of an application, as well as variable validation infor- 
mation. As will be explained, attribute constraint and validation infomnation can be added to a CML page to carry logic 
10 information separated from the back-end data. Thus, as will be explained and illustrated below, after an application is 
created in CIWL, a portion of the CML code associated with the application is downloaded to a client device or devtees 
from a sender and the CML gestures of the CML code are then transcoded to the browser-specific markup languages 
employed at the device or devices, e.g., HTML and/or VoiceXML. 

[0018] In accordance with the invention, a device (client or even server serving CML pages into possibly other legacy 

15 markup languages like HTML, VoiceXML, WML etc.) operating with downloaded CML code can transcoo'e to, for ex- 
ample, HTML and VoiceXML, substantially simultaneously so as to synchronize the multiple browsers providing the 
user with access to infomnation. Such advantageous synchronization according to the Invention is possible because 
the transcoding is done gesture by gesture with gesture identification. Thus, when an input/output event occurs In one 
modality, the browser knows what event occurred for what gesture and can immediately update all the supported 

20 modalities. This results in a very tight synchronization across modalities. Such synchronization Is also achieved due 
to the fact that the various modality-specific user interface dialogues, e.g., associated with a graphical user interface 
(GUI) browser or a speech browser, are generated from a single CML representation, on a gesture by gesture basis. 
Thus, the multiple user interfaces, e.g., GUI. speech, etc., are synchronized and continuously updated as a user in- 
teractively proceeds with one or the other modality. CML and the browsing mechanisms of the present Invention also 

25 provide a platfomi for natural language (NL) programming. Since CML allows an application author to program gesture 
by gesture, such an application provides the flexibility for a user to provide requests/responses In a wide range of 
natural conversational manners. Thus, the user is not restricted to simple commands but rather can interact with an 
application in a less festrictive manner, e.g., more closely resembling a natural conversation. With NL and the invention, 
' the user can express himself freely in multiple modalities, with no constraint other than to cany a natural conversation 

30 as if it was carried with another human being. In the case of NL, in addition, the systern may use context and past 
interaction/dialog history (as well as other meta-information like user preferences, application settings, stored common 
knowledge, etc.) to disambiguate queries. 

[0019] NL is a statement which is not limited to speech but encompasses all aspects of a natural multi-modal con- 
versational application. It combines NL inputs with natural multi-modal input. As described in the PCT international 

35 patent application identified as US99/23008 (attorney docket no. Y0998-392) filed on October 1. 1999: any input is 
modeled independently of the modality as an input/output event that Is then processed by a dialog manager and ariDi- 
trator that will use history, dialog context and other meta-information (e.g.. user preference, infomnation about the 
device and application) to determine the target of the input event and/or engage a dialog with the user to complete, 
confirm, correct or disambiguate he Intention of the user prior to executing the requested action. 

40 [0020] It is also to be appreciated that the present invention provides for a multi-device or distributed browsing en- 
vironment. Due to the nature of CML and its ability to the effectively synchronize multiple browsers, various portions 
of an application may reside and be executed on separate computing devices. A user may then simultaneously Interact 
with more than one device, e.g., a laptop computer and a cellular phone, when accessing an application. This is refen^ed 
to as "multi-device browsing." Actually, this aspect of the invention does not require "multi-modality." That is, even with 

45 only GUI/HTML browsers, the gesture-based XSL rules can be used to define what is rendered on what browser. 
Accordingly, some content can be displayed on a personal digital assistant or PDA (i.e. color images, streamed video, 
long lists), while the rest is displayed on the cell phone screen, etc. 

[0021] Given the modality-independence of CML, even after an application is written, any transcoding rules associ- 
ated with any type of browser may be implemented. That is, CML allows the author to change to another type of 

so transcoding (i.e., the gesture based transcoding rules), other than any default transcoding that may have originally 
been implemented. Thus, through simple updates of gesture based XSL rules, this feature advantageously guarantees 
support for new releases/versions of the so-called "legacy languages," e.g., HTML, WML, VoiceXML, etc., and for new 
languages, e.g., CHTML, HDML, etc. In addition, this feature pemiits a simple and easy passage from one version of 
CML to a new one using simple gesture based XSL rules. It is to be appreciated that gesture by gesture transcoding 

55 from version to version is not a different problem from transcoding from CML to other legacy language. This is especially 
advantageous as CML is designed, by definition, around the principle of this transcoding. This is certainly not tme for 
most of the other mark-up languages where upgrades of the specifications, while possibly offering backward compat- 
ibilities, are usually problematic for new generation browsers, as well as In with respect to all the older content written 
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in older versions. 

[0022] CML also permits cosmetic altering of a presentation even after a CML page is written. For example, depend- 
ing on the desired modality and target markup language, a CML command may be issued to cosmetically alter some 
feature of the presentation of content, in some modalities. This allows CML developers to put the same amount of 

5 cosmetic efforts as they would put for optimal HTML rendering. But the advantage of course is that for the same price, 
they have obtained a multi-channel (I.e., able to be expressed in multiple type of target ML or device modalities or 
specific user interface characteristics) description of the interaction that can be used to provide universal access (in- 
dependent of the access device or channel) and/or tightly synchronized multi-modal and conversational user interfaces. 
[0023] The present invention also provides for various embodiments of a multi- modal browser capable of supporting 

10 the features of CML in accordance with various modality specific representations, e.g., HTML based graphical user 
interface (GUI) browser. VoiceXML based speech browser, etc. 

[0024] It is to be noted that the term "CML" is used in the above-referenced patent application identified by attorney 
docket nos. Y0998-392 and in the U.S. provisional patent application identified as U.S. Serial No. 60/1 28,081 filed on 
April?, 1999 and the U.S. provisional patent application identified by Serial No. 60/1 58,777 filed on October 12, 1999, 
15 both of them being identified by attorney docket no Y0999-178. In these applications, the lerni is meant to refer to a 
declarative way to describe conversational interfaces. In accordance with the present invention, the term CML refers 
to a gesture-based language which embodies the concept of programming by Interaction, as will be explained in detail 
below. 

[0025] Given such aspects of the present invention, as well as others that will be explained below^ we now discuss 
20 some important differences between such inventive features and existing approaches. The exponential growth of the 
World Wide Web (WWW) during the last five years has pointed out the inherent strength in constnjcting light-weight 
user interface applications by first separating user interaction from content, and subsequently delivering application 
front-ends via markup languages like HTML that are rendered by a platfomi-independent WWW browser. This archi- 
tecture opens up a new worid of possibilities by liberating end-user applbations from details of the underiying hardware 
^5 and operating system. The current WWW architecture has liberated visual interfaces to e-commerce applications from 
details of the underlying hardware and operating system. The next step in this evolution is to make end-user applications 
independent of the interface modality and device used to interact with electronic information. This evolution is the 
natural next step in enabling speech-based interaction with the new generation of e-commerce applications. 
[0026] To achieve end-user WWW services that are device and modality independent, there is a strong need to 
30 author such applications and servtees using modality independent technologies that enable delivery to a variety of 
devices. With XML fast becoming the next-generation llngua-franca of the WWW, it is natural to design such languages 
as XML applications. 

[0027] Modality-Independent WWW services can thus be achieved by designing an XML-based language for au- 
thoring infonmation content and interaction logic that is modality independent, and then delivering the resulting appli- 
es cation in a manner most appropriate to th6 target device. This naturally leads to the design of languages that separate 
Information content, infonmation presentation and interaction logic into distinct components. The WWW has already 
evolved towards separating out content from presentation by adopting style sheets; the next evolutionary step is to 
factor out interaction logic from information content. At present, external standards activities in this area are expected 
to emerge from industrial consortia such as the W3C within its XFORMS and voice browser working groups. 
[0028] The separation outlined above leads to an approach we refer to as conversational computing: end-user ap- 
plications and services are expressed as an aggregation of modality-independent conversational gestures, where each 
conversational gesture encodes an atomic piece of the man-machine dialogue making up the user interaction. 
[0029] The insights outlined above are validated by the tact that there have been a few attempts at designing intention- 
based markup language in the recent past. They were initially designed to abstract variations in visual presentation 
amongst different devices e.g., small screen handhelds versus desktop PCs. As speech Interfaces become relevant, 
both these languages are presented as a possible means for authoring end-user applications for delivery to speech 
devices, in addition to the different visual displays that were their original target. 

[0030] CML, according to the present invention, is designed from the ground-up as an XML-based language for 
authoring modality-independent user interaction, with a special focus on the new requirements Introduced by the need 
50 to address conversational interfaces comprising of speech and natural language technologies. This focus on speech 
as a first-class citizen in the user interface has caused CML to evolve in a manner distinct from previous attempts. We 
will contrasts some of these key differences. 

(i) Overlays Interaction On Data Model 

55 

[0031] All prior art languages define the user intentions and the underiying data model that is populated by the user 
interaction within the same piece of markup. Here is a short example from a specification to illustrate this. The fragment 
of markup shown below would be used to obtain a person's title (Mr, Mrs., or Ms.). Notice that the definition of the 
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datatype being prompted for is intermixed with the markup that produces the user Interaction. 

<prior an ML> 

<CHOICE NAME=''PersonTitles" 
SELECTI0N-P0L1CY="STNGLE"> 

<CAPTI0N>Title</CAPT10N> 

<HINT>This is a set of valid titles for a person.</HINT> 

<STRING NAME="Mr"> 

<VALUE>Mr.</VALUE> 
</STRlNG> 

<STRING NAME="MRS"> 

<VALUE>Mre.</VALUE> 
</STRING> 

<STRING NAME="M1SS"> 

<VALLJE>Miss</VALUE> 
</STRING> 

<STRING NAME="MS"> 

<VALUE>Ms<A^ALUE> 
</STRING> 
</CHOICE> 

</prior art ML> 

Compare the above with the CML representation for obtaining the person's title shown below. Notice that we separate 
the definition of the datatype, i.e., the enunneration type that lists valid person titles, from the user Interaction component, 

i.e., namely, the select gesture. 

[0032] We first define the enumeration type PersonTitle: 

<enuni name="PersonTitle" type="string'*> <value>MR</value> <value>MRS</value> 
<value>MISS</value> </enum> 

Once defined, field PersonTitle can be instantiated at multiple points In the user interaction via an appropriate CML 
gesture. Below we illustrate this with gesture select. 

<select nanie="PersonTitle" selection-policy="single"> <niessage>Person Title</mesage> 
<choices> <choicevalue="MR">Mr.</choicO <choicevalue="MRS">MRS.</choicc> 
<choicevalue="MlSS">Miss.</choicc> </choiccs> </sclcct> 

Separating the conversational gesture (gesture select in the above example) from the definition of the underlying da- 
tatype (enumeration PersonTitle above) provides a number of advantages: 

(1) By separating the conversational gesture from the data definition, we can author multiple user interfaces for 
prompting for the person title, e.g., when internationalizing the above dialogue. Thus, a Gernian version of this 
dialogue constructed In CML would require only the conversational gesture to be modified. Notice that when the 
representation of the above is internationalized. I.e.. what needs to change are the contents of elements caption, 
hint and code value, the definition of the underlying enumeration type remains the same. However, by overlaying 
the user Interface markup on the data definition, this design fails to Isolate the changes needed to internationalize 
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the dialogue. Note that some of the previous languages work around this explicit problem of internationalization 
by introducing the notion of templates which then get re-used by the author for producing different language ver- 
sions of the above dialogue. However, this does not eliminate the basic underlying problem, i.e., the data definition 
and user interface still remain linked in the template definition. 

5 (2) Once field PersonTitle is defined, CML gestures can refer to this field at multiple points in the user interaction. 

Thus, once the user has specified a value for field PersonTitle, subsequent portions of the dialogue can refer to 
the supplied value when producing prompts e.g., Welcome to the electronic store Mr. Smith. 
(3) Applications authored in CML are also free to prompt the user for a specific field such as PersonTitle at different 
points in the user interaction, with the user having the freedom to decide at which point he/she supplies a value 

10 for that field. This form of flexibility is especially vital in designing natural language interfaces, and is again a 

consequence of separating the markup that defines the model from the markup that declares the user interaction. 
Without this separation (as in the prior art at present), the above would force the author to define field PersonTitle 
multiple times. 

io [0033] To see the above, consider a mutual funds application that allows the user to buy and sell mutual funds as 
well as to find out the net value of a specific asset, in a simplified version of this interaction, the system needs to obtain 
two Items of Infomiation from the user: 

(a) User action, e.g., buy sell or net asset value; 
20 (b) Asset to act on, e.g., fund to buy. 

[0034] When using a natural language interface for the above exannple, the user is equally likely to specify either the 
action to perfonn. the asset to act on, or perhaps both when initially prompted by the system. Depending on what is 
specified, the dialogue now needs to transition to a state where the system prompts for the missing piece of infomriation; 

^5 alternatively, if both action and asset are specified, the system needs to produce a confirmation prompt of the form: 
"Would you like to action specified fund?" Given that the prior art currently overlays the interaction markup, i.e., in this 
case, element CHOICE on the data definition, it becomes impossible for the application author to specify the user 
interaction for obtaining value the same field, e.g., asset at different points in the user interaction. 
[0035] The overlay of interaction over data models especially emphasizes the novelty of our approach and new 

30 paradigm and programming model that we disclose herein. 

(ii) Lack Of Explicit Environment For Encapsulating Application State 

[0036] A further consequence of separating out the data model from the user interaction in CML is that applications 
35 authored as a CML document clearly present an environment that binds application state, e.g., PersonTitle or action 
in the examples cited above. In the case of the prior art, this application state is implicit and not readily available to 
other parts of the user interface encoded in the language. 

[0037] By defining the data model and hence the application state explicitly, CML clearly defines the XML encoding 
that will be sent bacl< to the server once user interaction is completed. Thus, in the case of field PersonTitle, the server 
40 would receive the following upon submission: 

<PersonTitle>MR</PersonTitle> 

[0038] The server, which has access to the definition of the data model, can validate the submitted value. In more 
45 complex examples, the data model definition can encapsulate application-specific validation constraints; these con- 
straints can be checked both at the client-side, and later verified upon submission on the server end. This separation 
of the data model and constraints from the user interface enables CML applications that allow the user to commence 
an interaction using a particular interaction device, e.g., a desktop PC, submit a partially completed transaction, and 
later complete the transaction using a different device, e.g., a cellular telephone. 

so 

(ill) The prior art reflects GUI Legacy 

[0039] Many of the core attributes defined In the prior art specification reflects GUI-specific legacy. For Instance, all 
data types are qualified by core attributes shown, which makes sense only for display-based interfaces. There appears 
55 to be no unambiguous interpretation of settings such as enabte=false, shown=true for non-visual devices such as 
speech-based handhelds and cellular telephones. 

[0040] Moreover, these attributes make it hard to map representations of user interaction to small-sized displays; 
this Is because an application authored in these ML for a desktop GUI is likely to declare that many of the interaction 



7 

BNSOOCIO: <EP 1100013A2_L> 



EP1 100 013A2 



elements be shown, something that becomes difficult in environments where display real-estate is scarce. 
[0041] The prior art usually has other GUI components that have no meaning outside large screens. Unfortunately, 
features that are pervasive in the language and not easily usable across modalities/channel are problematic: one can 
not guarantee that transcoding/rendering will be possible for any target. 
s [0042] In addition modalities like speech may require additional infomnation In order to render the dialog components 
(e.g., grammar, vocabulary, language model, acoustic model, NL parsing and tagging data files, etc.). This information 
is not available in the prior art widgets. Again, the overlay between data model and Interaction leads to problems when 
the same dialog component needs to be used multiple times in the page with different data files. 

10 (iv) Lack Of Atomic Conversational Gestures 

[0043] Because prior art representations of user interaction are overlaid directly on the underlying data model that 
is being populated, there is no notion of a set of atomic conversational gestures in these MLs as in CML; rather, explicit 
CML gestures such as select are implicit in the prior art design. For example, CML gesture select would appear in prior 
IS art as a result of overlaying the markup for a choice element on the markup for a list structure, see the example of field 
PersonTitie cited above. 

[0044] Lack of atomic conversational gestures first becomes a problem when constructing more complex dialogues; 
for instance, the prior art introduces explicit table and tree constructs to parallel the GUI notion of two-dimensional 
tabular layout and tree widgets. Bui since these higher-level constructs are not built up of atomic building blocks as in 
20 CML, mapping components constructs like table or tree (where tree is declared to be open or closed) to modalities like 
speech that lack a static two-dimensional display is impossible. Also, gestures like tree and table have no immediate 
equivalent on small screen devices. 

(v) Synchronization 

25 

[0045] Tight synchronization across multiple interaction modalities is a key requirement of high-quality multi-modal 
interfaces. Going forward, such multi-modal clients are more likely to be constructed using the DOM (Document Object 
Model as described at http://www.w3c.org) provided by conventional browsers as the underlying platform. In this tatter 
implementation scenario, the overlaying of the user interface constructs on the data definition detailed above is likely 
30 to once again become a stumbling block (e.g., same problem, now view by view as mentioned above for the lack of 
explicit environment to encapsulate the dialog/application state). 

[0046] Tight synchronization across modalities is a basic design goal in CML. This is reflected throughout the CML 
design, and the resulting separation between conversational gestures and the definition of the data model makes it 
easier to implement a multi-modal browserthat is constructed on top of the DOM using the classk: Model View Controller 
35 (MVC) design. 

(vl) Conversational Applications 

[0047] Conversational applications can be developed declaratively by activating simultaneously multiple forms (each 
40 describing a transaction or portion of transaction). This requires the capability to re-use at different places in the file 
the same dialog component. As explained above, the overlay mentioned earlier does not support this requirement 

(vii) Lack of event binding 

45 [0048] The lack of event binding capability limits the multi-channei/multi-modal capabilities of the application: there 
Is no way to associate some specific logic action to some specific physical action. This Is especially critical If we want 
to offer a multi-modal/multi-channel access where different bindings are desirable (e.g., a key short cut for telephony 
help, a voice command for help and a key combination on the keyboard for help). 

50 (vii I) Peer 

[0049] Further, prior art attempts also rely on the technique of peers for generating different user Interfaces from the 
same underlying representation; by doing so, it does not address the problems of synchronized multi-modal interaction. 
[0050] These and other objects, features and advantages of the present invention will become apparent from the 
S5 following detailed description of illustrative embodiments thereof, which is to be read in connection with the accompa- 
nying drawings. 
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Brief Description of the Drawings 
[0051] 

5 FIG. 1 is a diagram illustrating the conventional application programming approach; 

FIG. 2 is a diagram illustrating the interaction based application programming approach of the present invention; 
FIG. 3 is a diagram illustrating an example of a CML authored application according to an embodiment of the 

present invention; 

FIG. 4 is a diagram illustrating the XFORMS concept; 
10 FlGs. 5A and 5B are diagrams illustrating the use of XFORMS in the interaction based programming approach of 

the present invention; 

FIGs. 6A through 6C are diagrams illustrating a GUI welcome page, trahsfomned from CML source code page, as 
viewed with an HTML browser; 

FIG. 7 is a diagram illustrating a GUI welcome page, transformed from CML source code page, as viewed with a 
'5 WML browser; 

FIG. 8 is a diagram Illustrating a GUI welcome page, transfonmed from an HTML cosmetized CML source code 
page, as viewed with an IHTML browser; 

FIG. 9 Is a diagram Illustrating a new Intenpretation of the MVC model; 

FIGs. 10-12 illustrate the migration road map from existing systems to full use of CML according to Ihe present 
20 invention; 

FIG. 13 is a diagram illustrating a multimodal browser architecture according to an embodiment of the present 
invention; 

FIG. 1 4 is a flow diagram illustrating an exemplary usage of CML in the application programming process according 
to an embodiment of a multimodal browser mechanism of the present invention; 
25 FIG. 15 is another flow diagram illustrating an exemplary usage of CML in the application programming process 

according to an embodiment of a multimodal browser mechanism of the present invention; and 
FIG. 16 is a diagram Illustrating a muttidevice browser architecture according to an embodiment of the present 
invention. 

30 Detalied Description of Preferred Embodiments 

[0052] The following description will illustrate the invention using a preferred specification of CML, a preferred multi- 
modal browsing environment, and some exemplary applications for a better understanding of the invention. It should 
be understood, however, that the invention is not limited to these particular preferred implementations and exemplary 
35 applications. The invention is instead more generally applicable to any infomnation access application regardless of 
the access protocol, modality, browser or device. Thus, the invention Is more generally applicable to any infomnation 
access situation in which it is desirable to provide synchronized, multi-modal, easy and convenient access of information 
to a user. 

[0053] The detailed description is divided into the following sections for ease of reference: (I) CML Specification; and 
40 (ii) Multimodal Browser Architecture to support, parse and render CML. Section I provides a detailed description of a 
prefen-ed specification of CML according to the invention. Section II provides a detailed description of a preferred 
multimodal browsing environment implementing CML according to the invention. 

I. CIML SPECIFICATION 

45 

[0054] The following description is a specification of a preferred embodiment of CML. This section is divided into the 
following subsections for ease of reference: (A) Introduction; (B) Comparative Examples; (C) CML Syntax; (D) Name- 
spaces; (E) CML Attributes; (F) CML Components; (G) Binding Events; (H) Grouping Gestures and Defining Focus; 
(I) Data Model and Data Types; (J) Accessing Environment; (K) CMLTraversal Model; (L) Transfomiing CMLto Specific 
so User Interface Languages; (M) Cosmetization; and (N) CML Document Type Definition. 

A. Introduction 

[0055] As mentioned above, separating content from presentation in order to achieve content re-use is the conven- 
55 tionally accepted way of deploying infomnation on the World Wide Web (WWW). This is illustrated in FIG. 1 . As shown, 
the existing approach with respect to application authoring is to consider only two components: a content component 
(A) and a presentation component (8). In the current W3C architecture, such separation Is achieved by representing 
content in XML that is then transfonmed to appropriate final-fomi presentations (e.g., HTML, VoiceXML, WML) via 
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application and device dependent XSL transfomis. However, critical disadvantages exist with this approach. Indeed, 
the XSL rules typically depend on the backend application or domain. As a result, authoring of an application is a 
nnultiple authoring exercise with design of the XML content and then design of XSL style sheet per application/page 
and per target device/channel. In addition, when style sheets are expected to be used to transcode from one ML to 

5 another, as previously mentioned, transcoding is typically often between two legacy languages (e.g., HTML to WML), 
and the original content has been built in HTML while following very strict rules of authoring. Indeed, this is enforceable 
only if within a given company, for a given web site. Even in those cases, it is hardly implementable, in general, because 
of missing information across markup languages or modalities in order to provide the corresponding components in 
other modalities (e.g., an HTML form or menu does not provide the information required to render it automatically by 

10 voice). 

[0056] CML is motivated by the realization that in addition to fonrt (presentation) and content, there Is a third com- 
ponent, i.e., interaction, that ties at the heart of turning statk; information presentations into interactive infomrtation. It 
is to be appreciated that static information is a very particular case where the user is passive and presented with all 
the infomnation. This new paradigm is illustrated in FIG. 2. As shown, the present invention introduces the concept of 
<5 programming by interaction wherein application authoring Is broken into three components: content (A); presentation 
(B) and interaction (C). This new programming paradigm goes in pair with the development of a new programming 
environment, e.g., development tools, etc. 

[0057] We refer to such "light-weight" Infomiatlon applications, or electronic infonnation with small amounts embed- 
ded application intelligence, as "infoware" throughout this specification. Until now, such interaction has been repre- 
20 sented partly within the presentational HTML, e.g., fomn elements, and partly within server-side logic encapsulated in 
servlets and CGI (Common Gate Interface) scripts. This combination has resulted in the creation of infoware or light- 
weight applications where the information content dominates. Good examples of infoware on today's WWW Include 
e-businesses like Amazon.com. 

[0058] As we move to a world where we interact with such infoware via multiple modalities, it Is now time to achieve 
25 a clear separation between these three aspects of electronic content, namely, content, presentation, and interaction. 
[0059] CML is based on the insight that all man-machine dialog can be broken down to an appropriate sequence of 
"conversational gestures" or modality-independent building blocks (components or elements) that can be appropriately 
combined to replace any interaction. CML encapsulates man-machine interaction in a modality-independent manner 
by encoding these basic building blocks in XML. Such CML encapsulations are later transfomned to appropriate mo> 
30 dality-specific user interfaces. This transfonnation is performed in a manner that achieves synchronization across 
multiple "controllers," i.e.. browsers in today's WWW-centric world, as they manipulate modality-specific "views" of a 
single modality-independent "model." The terms "model," "view" and "controller." are well-known terms used in accord- 
ance with the classic MVC (model-view-controller) decomposition of computing, see, e.g., G.E. Krasner and ST. Pope, 
"A Cookbook for Using the Model-View-Controller User Interface Paradigm In SmallTalk-80," Joumal of Object-Oriented 
35 Programming, 1(3):26-49, August/September 1988, the disclosure of which is incorporated herein by reference. The 
result is unifonn conversational behavior across a multiplicity of infomnation appliances and coordinated, well-synchro- 
nized user interaction across a multiplicity of interface nrvodallties. 

B. Comparative Examples 

40 

[0060] Before providing a description of the specifk:ation of the CML preferred embodiment, we present some ex- 
amples to illustrate fundamental principles of CML and programming by interaction. The examples refer to a "global 
cafe" site. Imagine a cafe that has decided to offer to its customers the possibility to pre-order their drinks prior to 
arriving the cafe or when in the cafe. As such, they fundamentally want to offer access to their Infonmation independently 
45 of the access channel. 

[0061] Accordingly, a page Is authored in CML. The CML code for generating this page Is Illustrated in FIG. 3 as 
CML code 1 0. The page fundamentally comprises a sequence of conversational gestures (note that the gestures here 
are taking some freedom from details of the actual CML specification, to be provided below, for the sake of providing 
a better understanding of the fundamental principles of CML and programming by interaction). The page may comprise 

so the following: 

(1) Title (shown as "gesture" 20 in FIG. 3): " Gtobal Cafe" (i.e., a particular message to be rendered as a Title) 

(2) A gesture message (shown as "gesture" 22 in FIG. 3): Would you like coffee, tea, milk or nothing? 

(3) A gesture exclusive select out of a list (shown as "gesture" 24 in FIG. 3): the list is composed of the following 
55 items: coffee, tea, milk and nothing. 

(4) A submit gesture (not expressly shown In FIG. 3). 

Clearly, the page fully defines the complete interaction with the user without introducing any dependency on the target 
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modality (i.e., type of access channel or access device). It also clearly Illustrates the programming model of program- 
ming by interaction: 

(i) The application is programmed by interaction: using elementary components of interaction, independently of 
the target modality: 

(a) A gesture message: "Global Cafe." 

(b) A gesture message:Would you like coffee, tea, milk or nothing? 

(c) A gesture exclusive select out of a list. 

(d) A submit gesture. 

(ii) This is connected to the backend which Is programmed/developed conventionally. In this example, the connec- 
tion to the backend is illustrated by the list (coffee, tea, milk and nothing) that has been read in the backend 
database and added as argument to the list, either statically, when the page has been produced, or dynamically, 
when the pages have been dynamically generated on the server using backend logic. 

(iii) At this stage, if needed, constraints, validations of the attributes/variables can be added, for example using 
the XFORM syntax. For example, if the page asks for the age of the user in order to offer aicoholk: beverages, a 
constraint can easily be expressed that restricts or modifies the dialog If the users Indicates that he is under age. 
This is not explicitly shown on the page. 

(iv) The presentation can thereafter be cosmetized. In the present example, It is done by using the gesture title 
instead of a gesture message: modality independent cosmetization. Modality specific cosmetization can also be 
added, for example by adding HTML tags that specify the background (color or image) to use for the resulting 
HTML page. This will be ignored by the other target modalities or replaced by a "behavior" provided for the other 
modalities. For example, when an Imago is displayed in the HTML modality, a caption may be provided to be a 
rendering instead for the WML, VoiceXML, or other modalities. 

(v) The resulting pages can now be rendered by appropriate browsers. Two models exist. Either CML pages are 
served to browsers that can parse and render CML content (see Case B below) or they are served to legacy 
browsers that can only handle legacy languages, e.g.. HTML, WML, Vok:eXML, etc. (see Case A below). 

(a) Case A: This case is also known as the "multi-channer case. The target browser is well-defined (identified 
at the HTTP connection for HTML browser), because of the address of the requester (wireless gateway or 
speech browser) or because of the request (i.e., HTML file request versus WML page request). When a page 
is requested, it is fetched in CML and transcoded on the fly using the gesture-based XSL transformation rules 
into the target ML. 

(b) Case B: The target browser handles CML. Therefore, it knows exactly what are the modalities that it sup- 
ports (single or multiple) as well as the rules required to optimally render a given gesture in its supported 
modalities. These gesture XSL transformation rules are advantageously something that has been programmed 
in the browser when the device was built or when the browser was ported to it. Clearly, it means that the most 
appropriate programmer with the appropriate information (i.e., knowing fully well the device) takes that re- 
sponsibility. 

(vi) In both cases, the CML application developer does not need to do anything. He/she can always assume that 
the platfomi/browser will appropriately handle the rendering. 

(vii) The gestures are completely independent of the target modality. They depend also only on the gesture not on 
the backend business logic/domain or anything else. This is why the XSL rules can be stored on the browser, 
(vlil) The XSL rules render the gestures based on the target modality. In the present case this means: 

(a) Trtle: 

HTML: Bold, Header character displayed 
WML: Single card display 
VoiceXML: Welcoming prompt 

(b) Message: 

HTML: display in regular characters 
WML: display in regular character (possibly on multple cards) 
- VoiceXML: Generate a prompt message (text-to-speech or play back) 
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(c) Exclusive selection out of list: 

HTML: Pull Down Menu 
- WML: Radio buttons 

5 - VolceXML: Dialog (possibly Natural Language) to select In the menu (e.g., "You have that nnany items to 

select from. I will read the first three. Please select an item or say more for the next 3..."). 

Returning to FIG. 3, a visualization of the three example renderings that may be obtained in the global cafe 
application written in CML. Thus, from the CML code 10 comprising the gesture-based XSL transfonnations, an 

10 HTML rendering 12. a WML rendering 1 4, and a VoiceXML rendering 1 6 of the global cafe application are obtained, 

(ix) When the transcoding is performed by a mulli-modal/conversational browser (as described below), the gestures 
are uniquely identified using a node^id tag. This allows not only to produce the rendering in each registered modality 
(local or distributed), but also to provide very tight synchronization (i.e.. on a gesture level or even sub-gestures 
levels, when it is a gesture for which this mal<es sense). For example, an event (I/O event) immediately impacts 

IS the state of the dialogs (i.e., the state as maintained in the multi-modal shell, for example, as in the above-refer- 

enced patent application identified by attorney docket no. Y0999-1 78) and the other modalities. Thus, such tight 
synchronization may exist between the HTML rendering 12 as may be supported by a personal digital assistant 
and the VolceXML rendering 16 as may be supported by a conventional telephone. 

20 [0062] Note that the gestures XSL transformation rules can be overwritten by the application developer indicating 
where they should be downloaded. They can also be overwritten by user, application or device preference from what 
would be otherwise the default behavior. 

[0063] New gestures can also be added, in which case, the associated XSL rules must be provided (e.g.. a URL 
where to get them). 

25 

C. CML Syntax 

[0064] In a preferred embodiment of CML, CML syntax is XML compliant. CML instances are well-fonmed XML. CML 
processors may be implemented as validating XML processors based on device constraints. 

30 

(i) Special CML notes 

(1 ) Case Sensitivity 

3S [0065] CML clients and sen/ers treat CML element and attribute names as being case sensitive. As a convention, 
all element and attribute names defined In this specification use lower-case. This convention is strictly Imposed on all 
predefined element and attribute names. 

(2) Content Model 

40 

[0066] A CML Instance consists of a sequence of XML elements. CML does not altow any pc data at top-level, I.e.. 
all top-level children of a CML are necessarily elements. 

(3) Sparse GMLs 

45 

[0067] CML Instances may be sparse; except attribute nodejd, the top-level CML attributes and elements docu- 
mented in this specification are required. 

(4) Entity References 

50 

[0068] All entity references in CML confonn to the URI (Universal Resource Identifier) specification, see URI spec- 
ificatbn from the W3C at http://www.w3.org. 

(il) Terminology 

55 

[0069] The temriinology used to describe CML documents is defined in the body of this specification. The tenns 
defined in the following list are used in building those definitions and describing the actions of a CML "processor." A 
CML processor generally refers to a processing device configured to execute CML code and associated applications. 
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The terms are: 

may - Conforming CML documents and processors are permitted to but need not behave as described, 
must ' Conforming cr\^L documents and processors are required to behave as described; otherwise they are in 
5 error, as defined below. 

error - A violation of the rules of this specification; results are undefined. Contemning software may detect and 
report an error and may recover from it. 

fatal error - An error which a conforming CML processor must detect and report to the application. 
10 D. Namespaces 

[0070] This section details the use of namespaces within all sections of a CI\^L instance. Note that all elements and 

attributes defined in this specification are implicitly in namespace cml, i.e., element name message in a CML instance 

occurring within a general XML document is visible to the processing application as cmhnnessage; CML attribute 
15 node^id would be visible to the XML processor as cml:node_id. The subsequent paragraphs in this section define the 

rules for how namespace cml is further subdivided to avoid name collisions amongst CML clients. 

[0071] All namespaces introduced by "unqualified" namespaces, e.g.. vxml are Implicitly in namespace com.lbm. 

cmi.vxml. More generally, vendor specific namespaces use a vendor prefix that is constructed from the vendor's domain 

name this Is analogous to the scheme used by systems like Java. 
^0 [0072] CML also uses namespaces to allow field names and values from different pieces of infoware to coexist. Th us, 

the fully qualified name of field drink in application cafe is cafe. drink. An example application will be given below for 

this drink example. Note that alt field names in CML are always fully qualified, i.e., there is no implicit hierarchy within 

field names based on the nesting level at which an associated gesture occurs. 

25 E. CML Attributes 

[0073] CML instances can have the following XML attributes. Unless stated otherwise, all attributes are optional. 

(i) nodejd - Unique identifier for this CML node. Attribute nodejd is required. 

30 (ii) title - Human-readable metadata string specifying a title for the CML instance. 

(iii) name - Name used to establish a namespace for all field values instantiated within the CML instance. This 
attribute is required for CML instances that are intended to be reusable. 

(iv) action - Specifies the URL (Uniform Resource Locator) that is the target action of the CML instance. 

(v) style - URI of associated XSL style sheet. Unless specified, the CML interpreter defaults to a generic style sheet 
35 for transfomiing the modality-independent CML instance Into modality-specific encodings. Attribute style allows 

CML creators to eventide or specialize system-wide style rules. 

F. CML Components 

40 [0074] A CML instance represents a "conversational gesture." As previously mentioned, a conversational gesture is 
a basic building block of a dialog and encapsulates the interaction logic in a modality independent manner. Complex 
conversational components (also referred to as dialog components or dialog modules) are constructed by aggregating 
more basic conversational gestures described In detail in subsequent subsections. These complex conversational 
components are usually task oriented, e.g., get a phone number, get an address, etc. CML descriptions of basic con- 

45 versatlonal gestures can nest to the desired level of complexity. Besides nesting, complex conversational components 
can be obtained by combining the basic conversational gestures In parallel and/or in sequence. Also, complex con- 
versational components can be achieved by combining imperative gestures, e.g., Conversational Foundation Classes 
(CFCs), as will be explained below. Note also that though every CML gesture is an XML element, the converse is not 
true, i.e., every XML element defined in this specification is not a CML gesture. Many CML gestures use sub-elements 

50 to encapsulate substructure of a given gesture. In the subsequent sections, CML elements that are "gestures" are 
marked as such in the subsection entitled Gesture Message. 

[0075] CML Is designed to Inter-operate with other emerging W3C standards such as, for example, XHTML (Exten- 
sible HyperText Markup Language). CML elements therefore re-use, rather than reinvent, elements from other markup 
languages like HTML, MATHML, ettc, where appropriate. Such elements, when embedded in a CML Instance, are fully 
S5 qualified, e.g., html : em. The first subsection below introduces the common aspects of the various CML building blocks; 
subsequent subsections describe each building block in detail. Notice that each CML primitive captures a basic con- 
versational gesture; XML attributes are used to encode more specialized behaviors. Thus, for example, asking a yes 
or no question Is a CML primitive; a yes or no question requiring user confirmation is a refinement of this primitive. 
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[0076J It is to be appreciated that because CML allows overwriting gestures and extending gestures, it does not 
matter what is the basic setof CML gestures that is provided in a particular embodiments of CML. The set and rules 
provided herein allow for implementation of any legacy page and interaction. 
[0077] CML gestures share the following common XML attributes: 
5 action - Action to be perfomned upon completion of the gesture. Attribute action can be one of link, return or submit. 

(i) Gesture Message 

[0078] The conversational gesture message is used to convey infomiational messages to the user. The gesture 
10 message is typically rendered as a displayed string or a spoken prompt. Portions of the message to be spoken can be 
a function of the current state of the various pieces of Infoware being hosted by the CML interpreter (see section on 
accessing environment state). 

Example: 

IS 

[0079] 

<message node_id="l"> 
20 Your <html:em> checking</html :ein> account balance is 

< value name= "ban king . checking, balance"/> 
after transfering 

<value naine«"banking. checking , transfGr"/> 
to your 

25 <value name="banking.creciitCard. account /> 

</message> 

Empty element value is used to splice In variable infomnation from the current environment and is defined formally in 
30 the section on accessing environment state. 

(II) Gesture Help 

[0080] The conversational gesture help is used to encapsulate contextual help to be displayed if the dialog runs Into 
35 trouble. The gesture help is typically rendered as a displayed string or a spoken prompt. Portions of the message can 
be a function of the current state of the various pieces of infoware being hosted by the CML Interpreter. 

Example: 

40 [0081] 

<help node_ici="l"> 

You can check your account balances by specifying a 
particular account. </help> 

45 ^ 
(Hi) Final 

[0082] CML element final is used within gestures to encapsulate actions to be taken upon successful completion of 
50 the encapsulated gesture, e.g.. updating the enclosing environment based on user interaction. 

(Iv) Gesture Boolean: Yes Or No Questions 

[0083] The conversational gesture boolean encapsulates typical yes or no questions. The gesture boolean encap- 
55 sulates the prompt to be used as a message, as well as the default response, if any. Attributes require^conflmnation, 
require, conf irmation_if„no and require_confimiation_if_yes (all false by default) allow infoware applications to refine 
the dialog. 
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Example: 
[0084] 

5 

<bocledn default="y" 
nocie_ici="l" 

require_conf irm_if_no="true"> 
<grammar type="text/ jsgf "> 
10 (yes I yeah) {yes} I (no nay) {no} 

</grammar> 
<message> 

Please confirm that you would like to stay at the 
<value href="travelC€nter .hotel . selected"/> 
</m€ssage> 
</boolean> 



(v) Gesture Select 

20 

[0085] The conversational gesture select is used to encapsulate dialogues where the user is expected to pick from 
a set of choices. It encapsulates the prompt, the default selection, as well as the set of legal choices. Attributes of 
element select refine the gesture to achieve mutualty exdush/e select (visually rendered as a group of radio buttons), 
setect from range, visually rendered as a scrollbar, etc. Sub-elements of select include: 
25 choices 

Contains the list of possible choices - embedded either by value or by reference. Element choices contains a list 
of one or more choice elements as well as, at most, one default element that specifies the default selection, if any. 
predicate 

Predicate encapsulating the test that the selection should satisfy. 

30 help 

Help to be offered in case the dialog gets stuck. 

error 

Contains a message to be used if the predicate fails. 

35 



40 



45 



SO 



55 
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Example: 
[0086] 

^ <select name="portf olio. fund" 

node_id«"l" 

require predicate-"yes"> 
<message node_id="2"> 
10 Which of your positions would you like to check? 

</message> 
<help> 

You can specify the names of stocks or funds you own 
and we will report your current position. 
'5 </heip> 

<choices> 

<var name="possibleChoices'7> 
<default valu€="possibleChoices"> 
Check the position of all holdings</d€f ault> 
^ </choices> 
<predicate> 
<condition> 

fund in possibleChoices 
25 </condition> 
<error> 

Sorry, you do not appear to own any shares in 
<var name="portf olio. fund"/> 
</error> 
30 </predicate> 
</select> 



(vi) Predicate 

35 

[0087] The element predicate is used in CML to encapsulate rules for validating the results of a particular conver- 
sational gesture. Test predicates are expressed as simple conditionals using the expression syntax and semantics 
defined in the xpath specification from the W3C, i.e., XML Path Language, W3C Proposed Recommendation, the 
disclosure of which is incorporated by reference herein, see http://www.w3.org/tr/xpath, Xpath specifies an expression 
40 syntax for accessing different portions of the document tree; validations that require calls to an application backend 
are handled separately. 

[0088] Conversational gestures that Include a predicate element qualify the action to be taken in case of a failed test 
via appropriate attributes. 

45 (vll) Grammar 

[0089] The CML sub-element grammar is modeled after elemenlgrammar in VoiceXML. Sub-element grammar en- 
codes the grammar fragment; sub-element help encapsulates an appropriate help message to be played to the user 
to indicate what utterances are allowed. Where appropriate, CML gestures can provide grammar fragments that are 

50 assembled into more complex grammars by the CML interpreter. 

[0090] The sub-elements grammar can be generalized as rules to process input, in partbular, speech. These rules 
can be strict or can describe remote resources to be used for processing (URL), and provide arguments to pass to 
these resources that characterize what processing must be performed with what data file and how the result must be 
returned and to what address. In general, the grammar may be defined in line or defined via a URL. 

55 [0091] In addition, It is also possible to declare this processing through an object lag, e.g., <object> . . . <object>. 
An object tag allows for loading Conversational Foundation Classes (CFCs) or Conversational Application Platform 
(CAP) services (see. e.g., the PCT international patent application identified as US99/22927 (attorney docket no. 
Y0999-1 1 1 ), filed on October 1 , 1999 wherein CAP is equivalent to CVM or Conversational Virtual Machine). Arguments 
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can be passed to the object using XML attributes and variables. Results can be returned via similar variable place- 
holders. This allows these objects calls to access and modify the environment. 

[0092] Objects can be qualified by attribute: execute that can take the values: parallel (executed In parallel, non 
blocking and It can notify on the fly effects on environment during its execution, prior to its completion), asynchronous 
(executed asynchronously, non t}locking and notifies via event when completed to update the environment), blocking 
(the browser waits for connpletion of the object call, before updating the environment and continuing). 
[0093] All the infomnation needed to distribute the processing is described In the above-referenced PCX international 
patent application identified as US99/22925 (attorney docket no. Y0999-113), filed on October 1 , 1999 which defines 
an architecture and protocols that allow distribution of the conversational applications. As such, the international patent 
application describes how such distribution can be done and how it allows, in the current case, to distribute the process- 
ing between a client browser and a sender browser, as well as between local engines and sen/er engines. This allows 
distribution of the processing of the input/output event across the network. 

(viii) Gesture Menu 

[0094] The gesture menu is a special case of gesture select. Gesture menu is used for encapsulating dialogues that 
help the user navigate through different subparts of an application. The same effect can be achieved using gesture 
select; however, having an explicit menu gesture enables authors to provide more semantic Information about the 
reason why the select gesture is being used. Notice that in the example below, element menu Is equivalent to element 
select with attribute action set to link. 

Example: 

[0095] 

<menu name="nja.i n"> 

<choice value="#query'v>Ask a question</choice> 



<choice value-"#browse">Browse available categories</choice> 
</menu> 

The value of attribute value in each choice specifies the URI target for that chok:e. 
(ix) Gesture User Identification 

[0096] The conversational gesture user. identification Is used to encapsulate user togin and authentication. It Is de- 
signed to be generic - and is specialized for specific user interaction environments via style rules. 
[0097] Sub-elements user and identify encapsulate conversational gestures for obtaining the user name and authen- 
tk:ation Infomnation. Element predicate provides the test for ascertaining if the user has authenticated successfully. 
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Example: 
[0098) 

5 

<user_ici€ntif y name=" login" 

require_preciicate==" yes" 

on_f ail=" retry" 

nocle_id-"2"> 
10 <message node_id="3"> 

To use this service, you first need to login using your name 

and personal identification. 

</message> 

<user name='*userid" 
15 node_id="4"> 

what is your user id? 

</user> 

<identify name="pin" 
node_id="4"> 

Please provide your user authentication. 

</identif y> 
<predicate> 
<condition> 

backend. authenticate (user id, pin) 

</condition> 

</predicate> 

<error> 

30 

Sorry, login for <var name="userid" /> 

v/ith identification <var naine-'"pin" /> failed. 

< /error> 
35 </user_identif y> 

Variations on this gesture can be useful, e.g.. explicit distinction between an identification gesture (e.g., identify who 
the person is), verification gesture (e.g., authentication of the claimant), speech biometrics (e.g., U.S. Patent No, 
5,897,616). 

40 

(x) Gesture Constrained Input 

[0099] CML provides a number of pre-defined dialog components for obtaining user input such as dates and curren- 
cies. Typically, such input is more open-ended than the various selection gestures enumerated so far, and is realized 

45 in conventional visual interlaces via simple edit fields. However, encapsulating the domain-specific constraints for such 
Input gestures Is advantageous In constructing spoken interaction. Also, notice that such domain-specific constraints 
are typically implemented in today's WWW interfaces as client-side scripts within HTML pages that perfonm validation 
of user input before it is submitted to a server. In CML, we formalize those input gestures that are widely used on 
today's WWW for performing standard user-level tasks. CML also provides an extension mechanism that allows this 

50 basic set of input gestures to be extended over time. Note that all CML elements defined in this list are gestures. 

(1) Date - Specify date 

(2) Time - Specify time. 

(3) Cun-ency - Specify currency amount. 

55 (4) Credit card - Specify a credit card (including card type, card number and expiration date). 

(5) Phone - Specify a telephone number. 

(6) Email - Specify an e-mail address. 

(7) URL - Specify a URL. 
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(B) Snail Address - Specify a "snail mail" address, including street, city/state/country and zip code. 

[0100] The constrained input gesture can easily be extended by passing a grammar for other input fields. Note that 
this gesture can, in addition, be associated with transcoding rules that can be localized (i.e.. internationalized and take 
regional flavors). This is a statement that is actually extendable to all the gesture and gesture based transcoding rules. 
Based on the location (i.e., calling number, origin of the IP address, preferences known about the user (on his local 
device/browser or transmitted through cookies to the server)), gestures can be expressed in another language (i.e., 
"Select yes or no" becomes "Selectionnez out ou non" etc.) or adapted to the geography (e.g., zip code becomes postal 
code). 

(xi) Gesture Unconstrained Input 

[01 01 ] The conversational gesture input is used to obtained user input where the input constraints are more complex 
(or perhaps non-existent). The gesture encapsulates the user prompt, application-level semantics about the item of 
intomnation being requested, and possibly a predicate to test the validity of the input. Note that gesture input along 
with application-specific semantic constraints provides a means to extend the set of built-in constrained input gestures 
discussed In the previous section. 

Example: 

[0102] 

< Input nocle_id="l"> 
<Message>. . .</Message> 

</lnput> 



(xli) Gesture Submit 

[0103] The conversational gesture submit specifies the components from the environment to be packaged up and 
returned by the containing CML instance. It also encapsulates the prompt to be used as well as the target URI to which 
the encapsulated environment state is to be submitted. 

Example: 

[0104] 

<submit targe t="uri"> 

<env name="location . state"/> 

<env name="location. city"/> 

</subinit> 

Sub-etement env specifies components of the environment to be submitted by the enclosing gesture. 
[0105] It Is to be appreciate that while various CML attributes and components have been described above, other 
attributes and components will be presented and defined below in the course of describing further aspects of. this 
embodiment of CML. It should be understood that other attributes and components may be defined in accordance with 
the teachings of the invention. That is, the invention is not intended to be limited to the particular attributes and com- 
ponents that are described in this detailed description. 

G. Binding Events 

[0106] CML provides a flexible, extensible mechanism for application authors to define "logical input events" and the 
association between such logical events and the actual "physical input events" that trigger the defined logical events. 
CML gestures declare logical events that they are prepared to handle via CML attribute trigger when a defined logical 
event is received, the closest enclosing gesture that has a matching event in its trigger list handles the event. The CML 
attribute trigger allows a gesture to be triggered by an event that is logically bound to it. This mechanism is best 
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illustrated by an example. In the fragment of CML code shown below, the application defines help as a logical input 
event, binds this to physical events in two separate modalities, and finally declares a CML gesture to handle the help 
event. 

5 Example: 

[01071 

,P <cml name="traver*> 

<bind-event iogical-"help" 
modality="dtmf" 
pnysical = "*'V> 
<bind-event iogicai="help" 
15 moda 1 i t y = " qwe r t y " 

physical="h"/> 
<help name=^"help" 

trigger="help"> 
Top-level application help 
</help> 

</cml> 

25 CML element bind-event takes three attributes: 

(1) logical - Specifies the name of the logical event being defined. 

(2) modality - Specifies the interaction modality in which the event is being bound. 

(3) physical - Specifies physical event to bind to a logical event. 

30 

[0108] Input events that are not handled by CML gestures making up the application bubble up to the CML interpreter 
where standard platfonn events such as help are handled by a default handler Bubble up means that search of a 
gesture that matches the trigger value is hierarchically bubbling up from the closest enclosing gesture to a higher one, 
until no gesture matches. In such a case, the trigger should be associated to a service offered by the browser, If not 

35 by the underlying platfonn (e.g., conversational virtual machine of Y0999-111). If none are met, the event is ignored 
or a defaultmessage is retumed to the user explaining thatthe input was not understood (or not supported) and ignored. 
These, however, are implementation choices of the browser and underlying platform, not choices of the language. Note 
that mechanism bind-event is designed to ovenide platfonn behavior it is not meant to be used as the exclusive 
mechanism for mapping user input to CML gestures. Thus, using element bind-event to bind alt valid spoken utterances 

40 in an application to the appropriate gestures is deprecated. 

[0109] Further, note that omitting attribute modality in element bind-event results in associating the specified physical 
binding In all modalities. Omitting value of attribute physteal in element bind-event declares a logical event that is 
unbound, i.e., not bound to a physical event. 

45 H. Grouping Gestures And Defining Focus 

[01 10] Conversational gestures when rendered to specific modalities to realize a specilic user interface are grouped 
appropriately to allow the user to interact with related portions of the interface. To understand this assertion, consider 
WWW applications that split the user interaction across several HTML pages, with related portions of the interface 
so appearing on the same page. Similarly, speech interfaces allow users to specify any one of several related commands 
at a given time. 

[01 1 1 ] This form of grouping of gestures is best captured at the time the application is being authored. Such grouping 
may or may not be modality independent; CML allows application authors to encapsulate both forms of grouping. 
[0112] Conversational gestures are grouped using the CML element group. Element group is further qualified by 
55 attributes id, modality and class. Attribute id is minimally required to group gestures. Attribute modality, if present, 
declares the specified grouping to be modality specific. Attribute class can be used in a manner analogous to the HTML 
class attribute to enable further selection of related elements whilst transcoding CML to languages like HTML. 
[01 13] By default. CML gestures enclosed in a single group element map to a user interface which enables the user 
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to interact with any of the contained gestures - in the case of HTML, this results in the gestures being transcoded Into 
a single page; in the case of VoiceXML, this results in the corresponding forms being nriade active in parallel. 
[0114] Note that to activate groups of gestures in parallel is the way to implement mixed initiative NL interfaces: each 
command/query supported at a given time is characterized by a form built out of gestures (i.e., a group of gestures is 

5 called a form). When an input/output event occurs, the dialog manager provided by the browser or underlying platform 
will guess what are the gestures in the different forms that are activated and they allow to qualify their associated 
attributes (the environment variables associated to the gestures). When all the mandatory attributes of a form have 
received a value, the action is considered as disambiguated and executed. Note that extra constraints between the 
attributes can be expressed using XFORMS, as will be explained below. See also the above referenced patent appli- 

10 cation identified by attorney docket no. Y0998-392 for discussion on parallel activation, and K.A. Papineni et al., "Free- 
flow dialog management using forms," Proc. Eurospeech, 1999, and K. Davles et al., "The conversational telephony 
system for financial applications," Proc. Eurospeech, 1999. 

[0115] Instances of the element group cannot nest unless the inner group element specifies a value for attributes 
modality or class that is different from that specified in the enclosing element. 

15 [01 1 6] Efforts like XFORMS (http://www.w3.org/Marl<Up/Fomis/) have attempted to soive problems associated with 
existing markup languages by splining forms into three layers (presentation, logic and data), as shown in FIG. 4, in an 
attempt to facilitate replacing the presentation for different kinds of browsers (however, XFORMS fails to address 
different modalities), while preserving the same backend. XFORMS data layer allows the appltoatlon developer to 
define the data model for the form. The developer can use built-in data types or roll his own. XFORMS are building 

20 the data types on top of the worit being done on XML Schemas, The logic layer allows the application developer to 
define dependencies between fields, for example, for running totals, or where one field requires another to be filed in. 
XFORMS supports a tight-weight expression syntax, building upon widespread familiarity with spread sheets and ex- 
isting forms packages. The application developer is still able to call out the scripts, when extra flexibility is needed. The 
presentation layer Is consists of markup for fomns controls and other HTML markup, where each control is bound to a 

25 field in the data model. "Getter" and "setter" functions allow the presentation to match the user's preferences, e.g., for 
dates and currencies, while retaining a canonical representation internally, thereby simplifying form processing. The 
same data field can have more than one presentation control bound to it. Changing the value in any of the controls 
then automatically updates all of the others. 

[0117] As explained herein, XFORMS provides a back-end mechanism for separating out data from presentation. 

30 CML provides a mechanism to further separate the \og\c and presentation part into presentation rendering (i.e., mo- 
dality-dependent rendering with no interaction information )/interaction (plus possible modality dependent cosmetic 
inputs)/content (i.e., backend data plus logic infonnation minus all the interaction related logic components): This in- 
ventive concept is illustrated in FIG. 5A. As previously explained, the programming paradigm of the invention separates 
presentation/modality specif rc rendering A, interaction B, and content and backend/application logic C. FIG. 5A also 

35 illustrates the backend mechanism of XFORMS, as mentioned above, where data D is separated from the backend E. 
FIG. 5B represents how a form based mixed initiative NLU (natural language understanding) application is written in 
CML. Leters A and C denote the same items as in FIG. 5A. In the block denoted as B*, the interaction/dialog information 
is described in temris of CML. This part describes the interactions (mandatory and optional) that need to occur in order 
to realize each of the activable transactions. To this you add an XFORMS component that captures constraint and data 

40 models associated to the underlying attribute data structure. The engine control and cosmetization part capture addi- 
tional control parameters that are used to optimize the behavior of the conversational engines, in particular the dialog 
manager and NLU engines. Note that the CML portions can be used for rendering in other modalities as described 
eartier. Block F denotes an exemplary fonn (e.g., a mutual fund demo fomri) that may be employed in accordance with 
block B'. 

45 

1 . Data Model And Data Types 

[01 18] CML defines data*model or data-type primitives In the manner specified by the results of the W3C work on 
XML Schema and XML forms, see http://www.w3.org. 

50 

J. Accessing Environment 

[01 1 9] CML gestures define a collection of variables collectively called the "environment." As the CML document Is 
traversed, variables in the environment are bound to the values resulting from successful user interaction. The envi- 
55 ronment can be accessed and manipulated within CML gestures via elements var, value and assign, as will be explained 
below. Note that all such names are always fully qualified. 

(i) var - Element var declares (and optionally) initializes a variable (assigns it an initial value) in the cun^ent envi- 
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ronment. Attribute name specifies the variable name. An initial value may be specified using the same syntax as 
specified for element assign, see below. 

(ii) assign - Element assign assigns a value to a variable that already exists in the environment. That is, element 
5 assign is used to bind values in the environment. Attribute name specifies the variable to be bound. The value to 

be bound may be specified either as the value of attribute expr using the same expression syntax as used by 
xpath; alternatively, the value to be assigned may be specified as the contents of element assign. Element assign 
is typically used to bind or update intenmediate variables that are not set by direct user interaction. 

10 (ill) value - Element value retrieves the value of a defined variable. That is, attribute name of empty element value 
specifies the variable whose value is to be looked up in the environment. Value of attribute name may be a partially 
or fully qualified name (see section above on Namespaces) and is interpreted In the context of the containing CML 
gesture. 

1$ [0120] Note that as defined above, variables must be declared before they can be assigned. 
K. CML Traversal Model 

[0121] Infoware authored in CML is hosted by a conversational shell that mediates amongst multiple user agents - 
20 hereafter referred to as the CML interpreter. It is to be appreciated that the traversal model will be further discussed 
and Illustrated in the context of FIGs. 10 and 11. User interaction proceeds by the CML interpreter mapping CML 
instances to appropriate modality-specific languages such as HTML and VoiceXML These modality-specific repre- 
sentations are handed to the appropriate user agents which render modality-specific versions of the dialog, 
[01 22] The transf onnation from CML to modality-specific representations is preferably governed by XSL transforma- 
25 tion njles (XSLT). Note that other transfomnation mechanisms can be used. XSLT is merely a method proposed for a 
prefen-ed embodiment For example, JSP - Java Server Pages or Java Beans can be used, as well as other techniques 
which transform, based on rules, the gestures to their target rendering. An example of such implementation is: for each 
gesture, we associate a java bean. The java bean carries its own rendering in each modality (through JSP), Thus, the 
invention is not limited to XSLT In any case, these XSL mies are modality-specific. In the process of mapping the CML 
30 instance to an appropriate modality-specific representation, the XSL rules add the necessary infomiation needed to 
realize modality-specific user interaction. As an example, when translating element select to VoiceXML, the relevant 
XSL transfonmation rule handles the generation of the grammar that covers the valid choices for that conversational 
gesture. 

[0123] The process of transfonming CML Instances to modality-specific representations such as HTML may result 
35 in a single CML node mapping to a collection of nodes in the output representation. To help synchronize across these 
various representations, CML attribute node^id is applied to all output nodes resulting from a given CML node. When 
a given CML instance is mapped to different representations, e.g., HTML and VoiceXML by the appropriate modality- 
specific XSL rules, the shape of the tree in the output is likely to vary amongst the various modalities. However, attribute 
nodejd allows us to synchronize amongst these representations by providing a conceptual backiink from each mo- 
40 dality'specific representation to the originating CML node. In the above-referenced U.S. provisional patent application 
(attorney docket no. Y0999-178), a description is provided of how to develop a platfonn (the multi-modal shell) able 
to support tight multi-modal applications. The mechanism operates as follows. Each modality registers with the multi- 
modal shell the commands that it supports and the impact that their execution will have on the other registered mo- 
dalities. Clearly, in the current case, upon parsing the CML page and transcoding the gestures, each gesture is kept 
45 In a datastojcture (i.e., the table) in the multi-modal shell. Upon an I/O event in a given modality, the nodejd Infomnation 
Is used to find the activated gesture and from the table (I.e., the CML document dialog tree), it is immediate to find the 
effect on the activated modality as well as the other modality (i.e., update of each view or fetch of a new page on the 
CML server). 

[01 24] As user interaction proceeds, variables defined in the environment by the current CML instance get bound to 
50 validated values. This binding happens first in one of the registered modality-specific user agents. The registered user 
agent sends an appropriate message to the conversational shell comprising of the updated environment and the 
nodejd of the gesture that was just completed. Once the updated binding has been propagated to the CML interpreter, 
it messages all registered user agents with the nodejd of the gesture just completed. Registered user agents update 
their presentation upon receiving this message by first querying the CML Interpreter for the portion of the environment 
55 that affects their presentation. 



22 



BNSOOCID: <eP 1100013A2.L> 



EP1 100 013 A2 



L. Transforming CML to Specific User interface Languages 

[0125] CML is transformed into user interface (ui) specific encodings, e.g., HTML, via transformation rules expressed 
in XSL. This section begins with some background material on XSL transformations and then presents examples on 
how XSL is used in the context of CML and multi-modal browsers according to the invention. 

(i) XSL Transformations Baclcground Information 

[0126] The W3C XSL transformations (xsit) specification has been released as a Proposed Recommendation: XSL 
Transformations (xstt) Version 1.0, reference: W3C Proposed Recommendation 8-October-1999, edited by James 
Clark, the disclosure of which is incorporated by reference herein. The above-referenced W3C Proposed Recommen- 
dation is part of the W3C Style activity. Specifically, the xsIt specification defines the syntax and semantics of xsIt, 
which is a language for transfonning XML documents into other XML documents. xsIt is designed for use as part of 
XSL, which is a stylesheet language for XML. A transformation in the xsIt language is expressed as a well-fonned XML 
document conforming to the Namespaces in the XML Recommendation, which may include both elements that are 
defined by xsIt and elements that are not defined by xslt. A transformation expressed In xsIt describes rules for trans- 
forming a source tree into a result tree. The transformation Is achieved by associating patterns with templates. A pattern 
Is matched against elements in the source tree. A template is instantiated to create part of the result tree. The result 
tree is separate from the source tree. The structure of the result tree can be completely different from the structure of 
the source tree. In constructing the result tree, elements from the source tree can be filtered and reordered, and arbitrary 
structure can be added. A transformation expressed in xsIt is called a stylesheet. The xsIt specification is available in 
both XML and HTML fonnats. 

(ii) XSL Transformations Examples 

[01 27] The following are coding examples illustrating CML code, XSL transformation rules, and the HTML, WML and 
VoiceXML code resulting from the respective transformations. 

[0128] The following code illustrates a full example of a page written in CML and the different gesture-based XSL 
rules that have been used to produce legacy ML pages (respectively, HTML, VoiceXML and WML). Each page is 
associated to a particular rendering as illustrated by the following figures. The example is of a site that offers access 
to different information services: News, Business, Sports, Travel, Weather and Show Business. 

(a) CML Code 

[0129] This describes the source CML page associated with the example: 
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<!"$ld: cnn.cmKv 1.19 2000/02/01 Exp $-> 
<!-DescTiprion: CNN Mobile In cml -> 

^ <cnil name="cnn" 

nodeJd="l" 

title="CNN Mobile News"> 
<menu nanie="cnn.command" 
10 nodeJd="2" > 

<choices nodeJd="3" > 
<default value="#cnn.query">Select News Stories</default> 
<choicc value=="#cnn.exit" 
15 requiTe_confinnation="true"> 
Exit </choice> 
<choice value=''#cnn.applicationHelp">Help</choice> 

</choices> 
</menu> 

<cml naiDe="cnn.applicationHelp" 
title="About CNN Mobile" 
nodeJd="4" 
action="retum"> 
<message 
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nodeJd="5" > 

[0130] This application allows you to select and view CNN news stories 
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</mes§age> 

</cmI> 

<cnil name="cnn.exit'* 
nodeJd="6" 

title="Exit CNN Mobile News" 
action="submit"> 
<message nodejd="60"> 
Thankyou for using the CNN news service 
</message> 
</cml> 

<group nodeJd="7" 

gToupId="query**> 
<cml nanie="cnn .query" 

title="Search CNN Mobile News" 
nodeJd="8" > 
<menu name="cnn.queiy.topic" 
nodeJd="H" 
title="Topic Selecrion"> 
<choices nodeJd="12" > 

<choice value="#cnn. query .news"> News </choice> 
<choice value="#cnn.query.business"> Business </choice> 

<choice value="#cnn.query.sports"> 
<grammar> (sport | sports" </grammar> 
Sports 

</choice> 

<choice vaiue="#cnn.query.travel"> Travel </choice> 
<choice value="#cnn.query.weaiheT"> Weather </choice> 
<choice value="#cnn.query.show"> 
<grainmar > show [business] <;/grammar> 
Show Business 
</choice> 
</choices> 
</menu> 
</cml> 

<cml nanie="cnn.query.news" 
title="News Channel" 
nodeJd="l3" 
action-"subniit"> 



25 



EP1 100 013 A2 



<select name="cnn.queTy.part"> 
<message nodeJd="9" > 
Which pan of today's news would you like to read?</message> 

<choices 

nodejd="10"> 
<choice value="h"> Headlines</choice> 
<choice value=" I "> first story <;choice> 

<choice value="2"> second story </choice> 
<choice value="3"> third story </choice> 
</choices> 
<yselect> 

<select name="cnn.query.interest"> 
<message nodeJd=" 14" > 

Which news category would you like to read? 
</message> 

<choices nodeJd="15" > 
<choice value="business"> 
<grammar type="text/jsgf > 
business {BIZ}</grammar> 
Business 
</choice> 

<choicc value="afnca"> 
Africa</choice> 

<choice value="world"> World </choicO 

<choice value="United states"> United states </choice> 

<choice value="europe"> Europe </choice> 

<choice value=" Asia"> Asia<;/choice> 

<choice value="me"> Middle East</choice> 

<choice value="america"> America </choice> 

</choices> 
</select> 
</cmI> 

<cml nanie="cnn.query.business" 
iiile="Business Channel" 
action="submit" 
nodeJd="16" > 
<select nanie="cnn.queTy,parl"> 
<nnessage node_id="9" > 

Which part of today's news would you like to read?</inessage> 
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<choices 

nodejd="10"> 
<choice value="h"> Headlines</choice> 
<choice value=" r*> first story </choice> 
<choice value="2"> second story </choice> 
<choice value="3"> third story </choice> 
</choices> 
</select> 

<select name="ciin.query.interest"> 
<message node_id=** 1 7"> 

Which business category would you like to read?</message> 
<choices nodeJd="lS"> 
<choice value="NEWS"> news </choice> 
<choice value="lN"> indexes </choice> 
<choice value="CU"> exchange rates </choice> 
<choice value="MET"> metals </choice> 
</choices> 
</select> 
</cnil> 

<cml name="cnn.query.weather" 
title="Wcather Channel" 
acrion="submit" 
nodeJd="19"> 
<select name="cnn. query .part'*> 
<message nodeJd="9" > 

Which pan of today's news would you like to read?</message> 
<choices 

nodejd="10"> 
<choice value="h"> HeadIines<ychoice> 
<choice value="l "> first story </choice> 
<choice value="2"> second story </choice> 
<choice value="3"> third story </choice> 
</choices> 
</se!ect> 

<select nanie="cnn.query.inierest"> 

<message nodejd="20"> 

Which region are you interested in?</nriessage> 
<choices node Jd="2 1 "> 

<choice value=*'us"> United states </choice> 

<choice value="europe"> 
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<grammar type="text/jsgr'> (euro | Europe) </grammar> 
Europe 
</choice> 

<choice value="JP"> Japan </choice> 
<choice value=*'AU"> Australia </choice> 
<choice value="AS"> Asia </choice> 
</choices> 
</select> 
</cml> 

<cml name=*'cnn.query. travel" 

title="Travel Section'* action="submit" 
nodeJd="522" > 
<select name="cnn.query.part"> 
<niessage node_id="9" > 

Which pan of today's news would you like lo read?</message> 
<choices 

nodejd=*'10"> 
<choice value="h"> Headlines</choice> 
<choice value=" 1 "> first sioiy </choice> 
<choice value="2"> second story </choice> 
<choice value=="3"> third story </choice> 
</choices> 
</select> 

<select name="cnn.query.interest"> 
<message nodeJd="23"> 

Which city do you want to visit?</message> 
<choices nodeJd="24"> 
<choice valuer" AMSTERDAM ">AMSTERDAM</choice> 
<choice value="COPENHAGEN">COPENHAGEN</choice> 
<choice value="HELSlNKI">HELSINKl</choice> 
<choice value="HONGKONG">HONGKONG</choice> 
<choice value="LONDON">LONDON</choice> 
<choice value="OSLO">OSLO</choice> 
<choice value="PRAGUE'>PRAGUE</choice> 
<choice value="SrNGAPORE">SINGAPORE</choice> 
<choicevalue="STOCKHOLM'>STOCKHOLM</choice> 
<choicevalue="SYDNEY">SYDNEY</choice> 
</choices> 
</seIect> 
</cml> 
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<cml name="cnn.query.spon5" 
action="submit" 
titte="Sports Channel" 
nodeJd="25" > 
<seleci name="cnn.quer>'.part"> 
<messa<2c nodeJd="9" > 

Which pan of today's news would you like to read?</message> 
<choices 

nudcjd="10"> 
<choice value="h"> Headlines</'choice> 
<choice value="r'> first story </choice> 
<choice value="2"> second story </choice> 
<choice value="3"> third story </choice> 
</choices> 
</select> 

<seleci name="cnn.query.interest"> 
<messaye nodeJd="26"> 

What sports are you interested in?</niessage> 
<choices nodeJd="27"> 
<choice value="AS"> Asia </choice> 
<choice value="w"> world </choice> 
<choice value="eu"> europe </choice> 
<choice value="us"> united states </choice> 
<choice value="nba"> NBA </choice> 
<cboice value="nkr*> nbl </choice> 
<choice value="EF"> Europoean football </choice> 
</choices> 
</select> 
</cml> 

<submit target="htUp://raiTian.almadeii.ibni.com/cgi-bin/cnn.cgi"> 
<message nodeJd="28"> 

executing <value name="cnn.comniand7> 

for <value name="cnn.query.part"/> 

stories about <value namc= "cnn.query.interest'V> 

from topic <value name="cnn.queTy.topic"/> 
</niessage> 

<env name="cnn.command'7> 
<env name=^"cnn.query.topic'V> 
<env name="cnn .query. interest"/> 
<env name='*cnn.query.part'V> 



2d 



1100013A2_|.> 



EP 1 100 013 A2 



</submit> 
</group> 

<submii iargei=''hitp://raman.almaden.ibm,corTi/cgi-bin/cnn.cgi"> 
</submit> 
</cml> 



10 (b) Gesture XSL 

[0131] The following example illustrates the CML to HTML gesture-based XSL rules that are used to transcode, 
gesture by gesture, a CML page into an HTML page. All the gesture-based transcoding rules required to transcode 
any possible CML page are not present. It is to be considered as an illustration of the method. The XSL syntax follows 
15 conventional XSLT rules, see. e.g., http://www.w3.org/1999/XSLrrransfomr^. 



!--$ld: cml2htmLxel.v 1.8 1999/11/12 20:01:1 1 $-> 
20 <! -Description: Transform CML to HTML — > 

<xsl:stylesheet xmlns:xcl="http://www.w3,org/1999/XSL/Transform" 
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xnilns:xt="htCp://www.jclaTk.coni/xt" 
version="l .0" 

extension-element-prerixes="xt"> 

<xsl:include href="html/cml.xsVV> 
<xsl:includehref="hiinl/environmcm.xsr7> 
<xsl:include href="htmI/output.xsr'/> 
<xel:include href="htmI/selections.xsrv> 
<xsl :indude href^"conimon/identity .xsl "/> 
</xsl:stylesheet> 

<!-$ld: cmLxeU 1.13 2000/01/31 Exp $-> 

<I~Description: Translate CML element to HTML -> 

<!" Handle case of CML element being the top-level element -> 

<xsl:stylesheet 

xmlUs:xsl="http://www.w3.org/M999/XSL,Transfonn"> 

<xsl:output method="htmr'/> 



<xsl:template maich="/cmr' 



so 
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<html> 
<head> 

<META hnp-equiv=**Conient-Type" content=*'iext/htnil; 
charset=iso-8859-rv> 

<titleXxsl:value-of select=*Ya;title'V></title> 
</head> 
<body> 

<hl> 

<a name=" { (a^r\m\c \ "> 

<xel:value-of select="fetitle"/> 
</a> 

</hl> 

<xsl:choosc> 

<xsl:when test="(^action=*submit"> 
<form> 

<xsl:attribute name="nodeJd"> 

<xsl:value-of select=*Va^nodeJd'V> 

</xsl:attribute> 

<xsl:attribute name="action"> 

<xsl: value-of scleci="submit/(iaitarget'7> 
</xsl:attribute> 
<xsl:apply-templates/> 
<p> 

<1NPUT TYPE="SUBMIT" VALUE='%namc7> 

< /p> 

</form> 
</xsl:when> 
<xsl:otherwise> 

<div nodeJd="{(ainodeJd}" 

naine="{(a:naine}"> 
<xsl :apply-tempIates/> 
</div> 
</xsl:otherwise> 
</xsl:choose> 
</body> 
</html> 
</xsl:iemplate> 

<xsl:template match="cml[(aiaction='submit*]"> 
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<h2> <a nanie=" {(^t;namel "> 

<xsl:value-ofserect="ra,tiile"/> </a> 
</h2> 
<fonm> 

<xsl;attribute name="nodeJd"> 

<xsl:value-of select="(ainodeJd'V> 
< \sl:atiribute> 
<xsl;altribuie name="aclion"> 

<!- for rea. we should process submit node to 

cons up target uri -> 

<xsl:value-of se!ect="../submit/'(a.target"/> 
</xsI:attrihute> 
<xcl:apply-iemplates/> 
<p> 

<INPUT TYPE="SUBM]T" VALlJE="{feyname 
</P> 
</form> 
</xsl:template> 

<xsl template match="cmr'> 

<h2 nodejd="{(a^nodejdj"> 

<a name=" \ Co^name } "> 

<xsl:value-of select="(a/;title'7> </a> 
</h2> 

<xsl : app 1 y-tempi ates/> 
<xSl:if test='Ya^action- retum"*> 
<p> 

<a name="{concat(;#\ /cnil/(a;.nanie)}"> 
Back 
</a> 
</p> 
</xsl:if> 
</xsl:template> 

<xsl:template match="group"> 
<di V groupld=" { (ft,groupId ! " 
modality=" { (gimodality 1 " 
class="{<^^:classr'> 
<xsl : apply-templates/> 
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</div> 
</xsl:temp)ate> 

<xsl:template match="submit"/> 
</xsl:siylesheet> 

<!-$ld: environment.xsl.v 1.2 2000/02/01 Exp $-> 
<!-Descripiion: Process CML environnnent constructs -> 

<xsl:stylesheet 

xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> 

<xsl:teinplate match="final"> 
<xsl :apply-teniplaies/> 
</xsl:template> 
<xsl: template match="var"> 

<input type="hidden" name="{(ft:name}" value='*{(^expr}7> 
</xsl:template> 
<xsl: template match="assign"> 
<inpui name='*Us»^ame}" type="hidden"> 
<xsl:anribuie name="value"> 
<xsl:choose> 

<xsl:when test="(a^expr=""> 
<xsl:value-of select="./node()7> 
</xsl:when>. 
<xsl:otherwise> 
<xsl:value-of select="((Cj^expr'7> 
</xsl:otherwise> 
</xsl:choose> 
</xsl:attribuie> 
</input> 
</xcl:iemplate> 
<xsl:template match="value"> 
<b><xsl:value-of seleci='Va>namc"/></b> 
</xsl:template> 
</xsl:siylesheet> 

<!-$ld: output.xsLv 1.3 1999/1 1/12 20:07:23 Exp $-> 

<!- Description: Transformation rules for CML gestures thai -> 

<!— primarily output information ~> 
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<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transforni" 
<xsl:teniplate match="message"> 
<P> 

<xsl:attribute name="node_id"> 
<xsl:value-of select="{&/:nodeJdV> 
</xsl:aitribute> 
<xsl: apply-templates/> 
</P> 

</xsl;template> 

<!— eventually generate pop-up help via javaschpt — > 
<xsl:template inatch="help"> 
<P> 

<xsl:attribute name="node_id"> 
<xsl:value-of select="(a^odeJd7> 
</xsl:attribute> 
<xsl:apply-tempiate&'> 
<!P> 

</xsl:template> 
</xsl:stylesheet> 

<!-$Id: selections.xsl,v 1.8 2000/01/31 17:50:34 

<! -Descriptions: Transfom CML selection gestures to HTML --> 

<xsl:stylesheet 

xmlus:xsl=''http://wvv'w.w3.org/1999/XS17Transform"> 

<xsl: template match- 'menu"> 
<xsl:iftest="@litle!=""> 
<h2> 

<a name="# { C^ame } "> 
<xsl: value-of select="(g|title'V> 
</a> 
</h2> 
</xsl:if> 

<xsl:apply-templates select="message'7> 
<ol nodeJd="{(a:nodeJd}"> 
<xsl:for-eachselect="choices/choice|choices/default"> 
<li> 
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<ahref="{(aivalue}"> 
<xsl:apply-templates/> 

</a> 
</li> 

</xsl:for-each> 
</ol> 
</xsl:template> 

<xsl: template match=*'select"> 

<xsl:apply-teniplates select="message"/> 
<select name="{^name}"> 

<xsl:apply-templates select="choices"/> 
</select> 
<P/> 

</xsl:template> 

<xsl:template malch="choices"> 

<xsl:apply-tetnplates/> 
</xsl:template> 

<xsl:templatematch="choicc|default"> 

<option> 

<xsl:attribute namc="value"> 
<xsl:value-of sclect="<aivalue"/> 
</xsl:attribute> 

<xsl:if test="name(.)- default*"> 
<xsl:attribute nanie="checked'7> 
</xsl:ifi> 

<xsl:apply-templates/> 

</option> 

</xsl:iemplate> 

<xsl:teniplate match="grammar" /> 
</xsl;siylcsheet> 

<!"$ld: identity .xslv 1.1 1999/1 1/08 18:05:26 Exp $-> 
<!— Description: Identity transform for use in other sheets--> 

<xsl:stylesheet xmlns:xsl=*'http://www.w3.org/ 1999/XSL/TransfoTm" 
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<xsl:teniplate match=*'*|@*"> 
<xsl:value-of select="/V> 
<xsl;copy> 

<xsl:apply-templates select="@**V> 
<xsl:apply-teniplates select="node()"/> 
</xsl:copy> 
</xsl:icmplate> 
</xsl:stylesheet> 



15 (c) HTML Sources 

[01 32] The following describes the HTML source page obtained by applying the (CML to HTML) XSL sources on the 
CML source page. The resulting welcome GUI page as viewed with a HTML browser is Illustrated In FIGs. 6A through 
6C. 



<!DOCTYPEhtnil PUBLIC "-/M13C//DTD HTML 4,0 Transitional//EN"> 

<html> 
25 <head> 

<META http-equiv=" Content-Type" content= "text/html; charsei=iso-8859- 1 " > 

<title>CNN Mobile News</title> 

</bead> 
30 <body> 

<hl> 

. <a name="cnn">CNN Mobile News</a> 
</hl> 

3s <divnodeJd="r* name="cnn"> 

<ol nodeJd="2"> 
<li> 

<a href^"#cnn.query">Sclect News Stories</a> 
</li> 
<li> 

<a href="#cnn.exit"> 
Exit </a> 

</li> 
<li> 

<a href^"#cnn.applicationHelp">Help</a> 

</li> 

</ol> 

<h2 nodcJd="4"> 
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<a name="cnn.applicationHelp">About CNN Mobile</a> 
</h2> 
<P nodeJd=" 5 " > 

This application allows you to select and view CNN news stories 
</P> 
<p> 

<a name="#cnn"> 
Back 
</a> 

</p> 
<h2> 

<a name="cnn.exit">Exit CNN Mobile News</a> 
</h2> 

<fonn nodeJd= " 6 " 

action=''http:/Vraman.almadenjbmxonvcgi-bin/cnnxgi?command=exit" 
<P node id=' W> 

Thankyou for using the CNN news service 
</P> 
<p> 

<1NPUT TYPE="SUBM1T" VALUE="cnn.exit"> 

</p> 

</fonn> 

<div groupld="query" modality="" class=""> 
<h2 nodeJd="8"> 
<a name="cnn.queiy">Search CNN Mobile News</a> 

<na> 

<h2> 

<a name="#cnn.query.topic">Topic Sclection<a> 
</h2> 

<ol nodeJd="ir> 
<li> 

<a hrcf="#cnn:query.news"> News </a> 

</li> 

<li> 

<a href="#cnn.query.business"> Business </a> 

</\\> 

<li> 

<a href="#cnn.query.spoTts"> 
Sports 
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</a> 

</li> 
<li> 

<a href="#cnn.queTy.travd"> Travel </a> 

</li> 

<li> 

<a href="#cnn.query.weather"> Weather </a> 
<li> 

<a hrel="#cnn.query.show"> 

Show Business 
</a> 

</ol> 

<h2> 

<a name="cnn.query.news">News Channel</a> 

<m> 

<fonnnodcJd=" 13" 

action=''http://raman.ahiiaden.ibinxOTn/cgi-bin/cnnxgi?command=s 
<PnodeJd="9"> 
Which part of today's news would you like to rcad?</P> 
<select name="cnn.query.part'*> 

<option value="h"> Headlines</option> 
<option value="r'> first story </option> 
<option value="2"> second slor>' </option> 
<option value="3*'> third story </option> 
</select> 

<p> 
</p> 

<P node id="14"> 
Which news category would you like lo read? 

</P> 

<select name= " cnn.query.interest" > 
<option value="business"> 

Business 
</option> 

<option value="africa"> 
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Africa</option> 

<option value="world"> World </option> 
<option value="United states"> United states </option> 
<option value="europe"> Europe </option> 
<option value="Asia"> Asia</option> 
<option value="me"> Middle East</option> 
<option value="america"> America </option> 
</select> 

<P> 
</p> 
<p-> 

<1NPUT TYPE="SUBMIT" VALUE="cnn.query.news"> 
</p> 
</form> 
<h2> 

<a name= " cnn.query .business" >Business Channel</a> 
</h2> 

<fonn nodeJd=" 16" 

action==*'http://raman.almaden.ibin,coni/cgi-bin/cnnxgi?cornniand==search" 
<PnodeJd="9"> 

Which part of today's news would you like to read?</P> 
<select name="cim.query,part"> 

<option value="h*'> Headlines</option> 
<option value=" 1 " > first story </option> 
<option value-*'2"> second story </option> 
<opiion value="3"> third story </option> 
</select> 

<P> 
</p> 

<P nodeJd="17*'> 

Which business category would you like to read?<;/P> 
<selcct name="cnn.qucTy .interest" > 

<option value="NEWS">news </option> 

<option value="IN"> indexes </option> 

<option value="CU"> exchange rates </option> 

<option value="MET"> metals </option> 

</select> 

<P> 
</p> 

<p> 



1100013A2_I_: 



39 



EP1 100 013 A2 



<INPUT TYPE="SUBMIT" VALUE=" cnn.query.business" > 
</p> 
</fom> 
<h2> 

<a nanie="cnn.query.weather">Weather Channel</a> 
</h2> 

<form node_id= " 19 " 

action=*'http://raman.almadenjbmxom/cBi-bin/cnnxgi?command=searc^ 
<P node id="9"> 
Which part of today's news would you like to read?</P> 
<select name="cnn. query .part"> 

<option value="h"> Headlines</option> 
<opiioii value= " 1 " > f-rst story </option> 
<option value="2"> second story </'option> 
<option value="3"> third story </option> 
</select> 

<p> 
</p> 

<P nodejd="20"> 

Which region are you interested in?</P> 
<select nanie= "cnn.query .interest" > 

<option value="us"> United states </option> 

<option value="europe"> 

Europe 
</option> 

<option value- 'JP"> Japan </opiion> 
<option value="AU"> Australia </option> 
<option value="AS"> Asia </option> 
</select> 

<p> 
</p> 
<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.query.weather"> 
</p> 
</fonn> 
<h2> 

<a nanie='*cnn.queTy.traver'>Travel Section</a> 

<na> 
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<forni nodeJd=" 22 " 

action=''http://raman.aIiTiaden.ibmxom/cgi-bin/cnnxgi?command=search" 
<P nodeJd="9"> 

Which part of today's news would you like to read?</P> 
<select name="cnn-query.part"> 

<option value="h"> Headlines</option> 
<option value=" 1 " > first story </oplion> 
<option value="2"> second stoo' </option> 
<option value="3"> third story </option> 
</select> 

<p> 
</p> 

<P nodeJd= " 23 ' > 

Which city do you want to visit?</P> 
<select name="cnn.query,interest"> 

<option value=" AMSTERDAM ">AMSTERD AM</option> 
<option value= " COPENHAGEN " >COPENHAGEN</option> 
< option value = " HELSINKI " >HELSlNKl</option> 
<option vaIue="HONGKONG">HONGKONG</option> 
<option value="LONDON" >LONDON</option> 
<option value= " OSLO " >OSLO</option> 
<option vaiue=TRAGUE">PRAGUE</option> 
<option value= " SINGAPORE " >SINGAPORE</option> 
<option value="STOCKHOLM" >STOCKHOLM</option> 
<option value="SYDNEY">SYDNEY</option> 
</select> 

<P> 
</p> 

<P> 

<1NPUT TYPE="SUBMIT" VALUE="cnn.query.traver'> 
</p> 
</form> 
<h2> 

<a nanie="cnn,query .sports ">Sports ChanneKa> 
</h2> 

<form nodeJd= " 25 " action= 

"http://ramaii.alniaden.ibnri.com/cgi-bia/cnn.cgi?command=search" > 
<P nodeJd="9"> 

Which part of today's news would you like to read?</P> 
<select name='*cnn.query.paTt"> 
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<option value="h"> Headlines</option> 
<oplion value= " 1 " > first story </option> 
<oplion value="2"> second story </option> 
<option value="3"> third stoiy </option> 
</select> 

<p> 
</p> 

<P nodeJd="26"> 
What sports are you interested in?<V> 

<select name="cnn .query .interest "> 

<option value="AS"> Asia <yoption> 

<option value="w" > world </option> 

<option value="eu"> europe </option> 

<option value="us"> united states </option> 

<option value="nba"> NBA </option> 

<option value="nhl"> nhl </option> 

<option value="EF"> Europoean football </option> 

</select> 



^5 <p> 
</p> 
<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.queiy.sports"> 

30 </p> 

</form> 



</div> 

35 

</div> 

</body> 

</html> 

40 

(d) Gesture XSL 

[0133J The following example Illustrates the CML to WML gesture-based XSL rules that are used to transcode, ges- 
ture by gesture, a CML page into a WML page. All the gesture-based transcoding rules required to transcode any 
45 possible CML page are not present. It is to be considered as an Illustration of the method. The XSL syntax follows 
conventional XSLT rules, see, e.g., hnp://www.w3 .org/1 999/XSLa'ransform. 
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<!- Sid: cml2html.xsl,v 1.9 2000/02/05 19:32:40 Exp $ -> 

<!- Description: Transfonn CML to HTML -> 

• <x&l:stylesheet xmtas:xsl='http://ww.w3.org/1999/XSL/Transforiii' 

xnilns:xt="http://ww?v,jclark.coiii/xt'* veTsion="1.0" extension-element-prefixes="xt"> 

<xsl:include href="htinl/cinLxsr' /> 

<xsl:include bref="htinl/environmentxsl" /> 

<xsl:include bref="htniiyniodality.xsr' /> 

<xsl:include hrel^"titnil/ouq)utxsl" /> 

<xsl:include href^"htiiiI/selections,xsr* /> 

<xsl:include href="coinmon/identity,xsr' /> 

</xsl:stylesheet> 

<!-$ld: cml.xsUv 1.13 2000/01/31 Exp $-> 

<!— Description: Translate CML element to HTML — > 

<!- Handle case of CML element being the top-level element ~> 

<xsl:stylesheet 

xmbis:xsl="http://www.w3.org/l999/XSL/Transform"> 

<xsl:output method="html"/> 

<xsl:template match="/cml"> 

<html> 

<head> 

<META http-equi v="Content-Type" content="text/html; chaiset=iso-8859- 1 7> 

<title><xsl: value-of select="(^title"/></title> 

</head> 

<body> 

<hl> 

<a name=" { (byname } "> 

<xsl: value-of select="@title"/> 

</a> 

</hl> 

<xsl:cboose> 

<xsl:when test="(ajaction='submit"'> 
<foTm> 

<xsl:attribute name="nodeJd"> 
<xsl:value-of select="(tt{nodeJd"/> 
</xsl:attribute> 
<xsl:attribute name="action"> 
<xsl:valuc-of select="submit/(®target'V> 
</xsl;attribute> 
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<xsl :apply-templates/> 
<p> 

<1NPUT TYPE="SUBMIT" VALUE="fenanie'V> 

</p> 

</form> 

</xsl:Ayhen> 

<xsl:otherwise> 

<di V nodeJd=" { ('^nodejd } " 

name="{^iiname}-> 

<xsl:appIy-tempIates/> 

</div> 

</xsl:otherwise> 

</xsl:choose> 

</body> 

</html> 

</xsl:iemplaie> 

<xsl:teinplate niatch="cml[(cyaction='submit']"> 

<h2> <a nanie=" { (o^ame } "> 

<xsl:value-of select="@title"/> </a> 

</h2> 

<form> 

<xsl:attributc nanie="nodeJd"> 

<xsl:value-of select="@nodcJd"/> 

</xsl:attribute> 

<xsl:attribute name="action"> 

<!- for rea, we should process submit node to 

cons up target uri — > 

<xsl:value-of select="../submit/'^target"/> 

</xsl:attribute> 

<xsl:apply-templates/> 

<p> 

<INPUT TYPE="SUBM1T" VALUE="{^ame}"/> 

</p> 

</form> 

</xsl:teinplate> 

<xsl:teniplaie niatch="cml"> 

<h2 nodejd="{<fiinodejd}"> 

<a name="{<ftfnamc}"> 

<xsl:value-of select="(aititle"/> <Jd> 

</h2> 
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<xsl:apply-teTnplales/> 

<xsl:if test="(ajaction='retum'"> 

<p> 

<a name="{concat('#', /cml%name)}"> 

Back 

</a> 

</p> 

</x5l:if> 

</xsl:templatc> 

<xsl:template match="group"> 

<div groupId=" { (o^groupld } " 

ino<iality=" { (^modality } " 

class- '{(a^class}"> 

<xsl : appl y-teniplates/> 

</div> 

</xsl:template> 

<xsl:template matcb="submit'7> 
</xsl:stylesheet> 

<!-$ld: environment.xslv 1.2 2000/02/01 Exp $ 

<! -Description: Process CML environment constructs -> 

<xsl:styleshcel 

xmtas:xsl="http;//www.w3.org/1999/XSL/Transfonn"> 

<xsl:teniplate match="final"> 

<xsl:apply-tcmplates/> 

</xsl:template> 

<xsl:template match="var"> 

<input type="hidden" namc=="{(a^nanie}" value="{@cxpr}7> 

</xsl:template> 

<xsl:template match="assign"> 

<input name="{(ifl^ame}" type="hidden"> 

<xsl:attribute name="value"> 

<xsl:choose> 

<xsl:when test="<a^expr=""> 

<xsl: value-of select="./node()"/> 

</xsl:when> 

<xsl:otherwise> 

<xsl:value-of select="(ajexpr'7> 

</xsl:otherwise> 

</xsl:choose> 
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</xsl:attribute> 

</input> 

</xsl:template> 

<xsl:iemplate inatch="value'> 

<b><xsl: valuc-of select="(5a{nanie"/x/b> 

</xsl:template> 

</xsl:stylesheet> 

<!- $ld: modality.xslv 1.1 2000/02/05 19:32:00 Exp $-> 
<!- Description: Process CML modality constructs — > 

- <xsl:stylesheet xmlnsrxsl- 'http://www,w3,org/1999/XSL/Tran&form" 

- <xsl:template matcb="modality|@class='visual']"> 
<xsl:apply-templates /> 

</xsl:template> 

- <xsl:teinplate maich="var"> 

<input typc=="hlddcn" nanie="{@naine}" value=-{@expr}" /> 

</xsl:tempIate> 

- <xsl:template match="assign"> 

- <input name-'*{@naine} " type="hiddcn'*> 

- <xsl:attribute name="value"> 

- <xsl:choose> 

. <xsl:when test="@expr=""> 

<xsl:value-of select="./nodeO" l> 
</xsl:when> 

- <xsl:otherwise> 
<xsl:valiie-of select="@cxpT" /> 
</xsl:otherwisc> 
</xsl:choose> 
</xsl:attribute> 

</input> 
</xsl:template> 

- <xsl:template niatch="value"> 
-<b> 

<xsl:value-of select="@name" /> 

</b> 

</xsl:template> 
</xsl:stylesheet> 

<!"$Id: output.xsUv 1.3 1999/1 1/12 20:07:23 Exp $-> 

<!- Description: Transformation rules for CML gestures that -> 
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<!- primarily output information -> 

<xsl:stylesheet xmtos:xsl="bttp://www.\y3.org/l 999/XSL/Transforni" 

<xsl: template match="message"> 

<p> 

<xsl: attribute name- node Jd"> 

<xsl:value-of select='Ya!nodeJd*V> 

</xsl:attribute> 

<xsl : apply-templates/> 

</P> 

</xsl:iemplate> 

<!- eventually generate pop-up help via javascript — > 

<xsl:template match="help"> 

<P> 

<xsl:attribute name="nodeJd"> 

<xsl:valuc-of select="(a^node_id'7> 

</xsl:attributc> 

<xsl :apply-templatcs/> 

</P> 

</xsl:template> 
</xsl:stylesheet> 

<!-$ld: selections.xsl,v 1.8 2000/01/31 17:50:34 $-> 

<! -Descriptions: Transform CML selection gestures to HTML -> 

<xsl:stylesheet 

xmbis:xsl="http://www.w3.org/1999/XSL/Transform"> 
<xsl: template match="menu"> 
<xsl:iftest="@title!=""> 
<h2> 

<a name- '#{@name}"> 

<xsl:value-of select=''@title"/> 

</a> 

</h2> 

</xsl:iP> 

<xsl:apply-templatesselect="message'7> 

<ol node_id=" {(o^odejd } **> 

<xsl : for-each select="choices/choice|choices/default-> 

<li> 

<a href="{fevalue}"> 
<xsl :apply-templates/> 
</a> 
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<\i> 

</xsl:for-each> 

</ol> 

</xsl:teinplaie> 

<xsl:template match=*'select"> 

<xsl:appiy-templates select="message"/> 

<select naine=" { (^mame } "> 

<xsl:app]y-templates select="choiccs7> 

</select> 

<p/> 

</xsl:teinplate> 

<xsl:teinplate match="choices"> 
<x si : apply-iemplates/> 
</xsl:template> 

<xsl:templatematch="choice|default"> 
20 <option> 

<xsl: attribute name="value"> 

<xsl:value-of select="@value'7> 

</xsl:attribute> 
25 <xsl:if test="name(.)='default' "> 

<xsl:attribute name="checked'V> 

</xsl:if> 

<xsl : apply-tcmplates/> 
^ </option> 

</xsl:template> 

<xsl:template match="gramniar" /> 
</xsl:stylesheet> 

<l-$ld: identity.xsl,v 1 .1 1999/1 1/08 18:05:26 Exp $-> 

<!- Description: Identity transfomi for use in other sheets-> 

<xsl:stylesheet xmlns:xsl='*http://www.w3.org/l 999/XSL/Transfonn"> 

<xsl:template match="*|@*"> 

<xsl:value-ofselect=";V> 

<xsl:copy> 

<xsl:apply-teniplales select="@*'V> 

<xsl:app]y-teniplatesselect="node()"/> 

</xsI:copy> 

</xsl:template> 

</xsl:sty.lesheet> 



(e) WML Sources 

[0134J The following describes the WML source page obtained by applying the (CML to WML) XSL sources 
55 CML source page. The resulting welcome GUI page as viewed with a WML browser is illustrated in FIG. 7. 
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<?xml version=*M.O" encoding="utf-8"?> 

<!DOCTYPE wml PUBLIC "-/AVAPFORUM//DTD WML L1//EN" 
^ "http://www.wapforum.org/DTD/wmLl . 1 . 

<wml> 
<template> 

<do type="prev" label="Back"> 
10 <prev/> 
</do> 

</template> 

<card id="cnn.command" title="cnn.command"> 

15 <P> 

<selcct name- 'cnTi.command"> 

<option onpick="#cnn.query">Select News Stories</option> 
<opiion onpick=*'#cnn.exit"> 
Exit </option> 

<option onpick="#cnn.applicationHelp">Help</option> 

</select> 

</p> 

</'card> 

<card id="cnn.applicationHeip" title="cnn.applicatioiiHclp"> 
<p> 

This application allows you to select and view CNN news stories 
</'p> 

30 </card> 

<card id="cnn,exit" iitle=^"cnn.exit"> 
<p> 

Tbankyou for using the CNN news service 

35 </p> 

<p align="center"> 

<a hrel^-cnn.wmls#submit()'V> 

</p> 

40 </card> 

<card id="cnn.query" title="cnn.query*> 
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<p> 

<select name="cnn.query"> 
5 <option onpick="#cnn. query. news"> News </option> 

<option onpick="#cnn.query.business"> Business </option> 

<option onpick=*'#cnn.query.sports'*> 

Sports 
10 </option> 

<option onpick="#cnn.query.traver'> Travel </option> 

<option onpick="#cnn. query .weather"> Weather </opiion> 

<option onpick="#cnn.query.show"> 

Show Business 

</option> 

</select> 

</p> 

</car<l> 

20 

<card id="cnn.query.news" title="cnn.qucry.news"> 
<p> 

Which pan of today's news would you like to read?<select name="cnn.query.part"> 
<option value="h" onpick="cnn.wmls#submit()"> Headlincs</option> 
2^ <option valuer" 1 " onpick="cnn.wmls#submit()"> first story </option> 

<option value="2" onpick="cnn.wmls#submit()"> second story </'option> 
<option value="3" onpick="cnn,wmls#submit()"> third story </option> 
</select> 

30 </p> 

<p> 

Which news category would you like to read? 
<seleci nanie="cnn.queTy.interest"> \ 
35 <option value="business" onpick="cnn.wmls#submit()"> 

Business 
</option> 

<option value="africa" onpick="cnn.wmls#submit()"> 
4^ Afnca</option> 

<option value="world" onpick="cnn.wmls#submil()"> World </option> 

<oplion vaIue="United states" onpick="cnn.wnils#submit()"> United slates </option> 

<option value="europe" onpick="cnn.wmls#submit()"> Europe </option> 

<option value="Asia*' onpick="cnn.wmls#subnfiit()"> Asia</option> 

<opiion value="nie" onpick="cnn,wmls#submitO"> Middle East</option> 

<option value=="america" onpick="cnn.wmls#submit()"> America </option> 

</selcct> 

</p> 
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<p align="center"> 

<a href="cnn.wmls#submit()"/> 

5 </p> 

</card> 

<card id="cnn.query.business" title="cnn.query.biisiness"> 
<p> 

Which part of today's news would you like to read?<selecl name="cnn.queTy.part"> 

<option value="h" onpick="cnn.wmls#submit()"> Headlines</option> 

<option vaiue="r' onpick="cnn.wmls#submit()"> first story </option> 

<option value='7" onpick="cnn.wmls#submit()"> second story </option> 

<option value="3" onpick="cnn.wmls#submit()"> third story </option> 

</select> 

</p> 

<p> 

Which business category would you like to read?<select naine="cnn.query .interest" 
<option value="NEWS" onpick="cnn.wnils#subnnit()"> news </option> 
<option value="IN" onpick="cnn.wnils#submit()"> indexes </option> 
<option value=:"CU" onpick="cnn.wmls#subniit()"> exchange rates </option> 
<option value="MET" onpick="cnn.wmls#submit()"> metals </option> 
. </select> 
</p> 

<p align="center"> 

<a href="cnn.wnils#submit()"/> 

30 </p> 

</card> 

<card id="cnn.query.weathcr" title="cmi.query.weather"> 

<P> 

35 Which part of today's news would you like to read?<select nanie="cnn.query.part'> 

<option value="h" onpick="cnn.wmls#submit()"> Headlines</option> 
<option value="l " onpick="cnn.wm]s#submit{)"> first story </option> 
<option value="2" onpick="cnn.\vmls#submit()"> second story </option> 
<option value="3" onpick="cnn,wmls#submit()"> third story </optiQn> 
<;/select> 
</p> 
<p> 

Which region are you interested in?<select name="cnn.query.inteTest"> 

<option value="us" onpick'="cnn.wmls#subniit()*'> United states </option> 

<option value="europe" onpick="cnn.wnils#subinit()'*> 

Europe 

</option> 
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<option value="JP" onpick="cnn.wmls#submil()"> Japan </option> 
<option value="AU" onpick="cnn.wmls#submit()"> Australia </option> 
<option value="AS" onpick="cnn.wmIs#submit()"> Asia </option> 
</select> 
</p> 

<p align="center"> 

<a href="cnn.wmls#submil()"/> 

</p> 

</card> 

<card id="cnn.query.traver' title="cnn.query.travel"> 
<p> 

Which part of today's news would you like to read?<select name="cnn.query.part"> 

<option value="h'* onpick="cnn.wmls#submit()"> Headlincs</option> 

<option value="l" onpick="cnn.wmls#submit()"> first story </option> 

<option value="2" onpick5="cnn.winls#submil()"> second story </opiion> 

<option value="3" onpick="cnn.wnils#submit()"> third story </option> 

</select> 

</p> 

<p> 

Which city do you want to visit?<select nanie="cnn.query.interest"> 

<option value="AMSTERDAM" onpick="cnn.wmls#submit{)">AMSTERDAM</option> 

<option value=XOPENHAGEN" 

onpick="cnn.wmls#submit()">COPENHAGEN</option> 

<option value="HELSINKr' onpick="cnn.wnils#submit()">HELSINKl</opiion> 

<option value="HONGKONG"onpick=''cnn.wmls#submit()">HONGKONG</option> 

<option value="LONDON" onpick=''cnn.wmIs#submit()">LONDON</option> 

<option value="OSLO" onpick="cnn.wmls#submit()">OSLO</option> 

<option value="PRAGUE" onpick="cnn.wmls#submit()">PRAGUE</option> 

<option value="SINGAPORE" onpick="cnn.wmls#submit()">SINGAPORE</option> 

<option value="STOClCHOLM " onpick="cnn. wmls#submit()">STC)CKHOLM</option> 

<option value="SYDNEY" onpick="cnn.wmls#submit() *>SYDNEY</option> 

</select> 

</p> 

<p align="center"> 

<a href=*'cnn.wmls#submit()"/> 

</p> 

</card> 

<card id=*'cnn.query .sports" title="cnn.query.sports"> 
<P> 

Which part of today s news would you like to read?<selcct name="cnn. query .part"> 
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<oplion value="h" onpick="cnn.winls#submit()"> Headlines</'option> 

<option values'* 1 " onpick:="cnn.wnils#submit()"> first story </option> 

<option value="2" onpick="cnn.wmls#submit()"> second story </bpiion> 

<option valiie="3" onpick=*'cnn.wmls#submit()"> third story </option> 

</select> 

</p> 

<p> 

What sports are you interested in?<select name="cnn.qucry,interest"> 

<option valuc="AS" onpick=*'cnn.wmls#submit()"> Asia </option> 

<option value="w" onpick="cnn.wmls#submit()"> world </option> 

<option value="eu" onpick="cnn.wnnls#siibmit()"> europe </option> 

<option value- *us" onpick="cnn.wmls#submit()"> united states </option> 

<option value="nba" onpick="cnn.wmls#submit()"> NBA </option> 

<option value="nhl" onpiclc="cnn.wmls#subinit()"> nhl </option> 

<option value- 'EF" onpick="cnn.wmls#submit()"> Europoean football </option> 

</select> 

</p> 

<p align=*'center"> 

<a hTef="cnn.wmls#submit()"/> 

</p> 

</card> 

</wml> 

(f ) Gesture XSL 

[0135] The following example illustrates the CML to VolceXML gesture-based XSL rules that are used to transcode. 
gesture by gesture, a CML page Into a VoiceXML page. All the gesture based transcoding rules required to transcode 
any possible CML page are not present. It is to be considered as an illustration of the method. The XSL syntax follows 
conventional XSLT rules, see. e.g., http://www.w3.org/1999/XSL/Transfonn. 

<!- cml2wml.xsl — > 

<xsl:stylesheet version=" 1 .0" xnilns:xsl="http://wvw.w3 .org/1 999/XSLn^ransform"> 
<!- 

<xsl:output method="htmr' indent="yes"/> 
— > 

<xsl:output method="xml" indent='Ves" media-type="text/xmrv> 

<xsl:tennplate match="/cml"> 

<xsl:tcxt disable-output-escaping="yes"> 
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<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML LI //EN" 

"http://www.wapforum.org/DTD/wmLl 

</xsl:text> 

<wml> 

<template> 

<do type="prev" label="Back"> 

<prev/> 

</do> 

</template> 

<xsl:apply-templates/> 

</wm)> 

</xsl:template> 

<xsl:template match="cml"> 

<xsl:choose> 

<xsl:when tcst="menu"> 

<!- to avoid <card><card>..</card></card> -> 

<card> 

<xsl: attribute name="id"> 
<xsl:value-of select="(ajnamc'7> 
</xsl:attributc> 
<xsl:attribute name="titie'> 
<xsl:value-of select="<g^name"/> 
</xsl:attribute> 
<p><select> 

<xsl:attribute name="name"> 
<xsl:valu6-of sdect="menu/(^name"/> 
</xsl:attribute> 

<xsl:apply-templates select- 'menu/message7> 

<xsl:for-each select="menu/choices/cboice 1 menu/choices/defaull"> 

<option> 

<xsl: attribute name="value"> 
<xsl:value-of select="(gjvalue"/> 
</xsl:attribute> 

<xsl: attribute name="onpick">#<xsl: value-of sclcct="(g^ value"/></xsl:attributc> 

<xsl:call-templatename="Iex'V></option> 

</xsl:for-each> 

</select> 

</p> 

</card> 

</xsl:when> 
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<xsl:otherwise> 
<card> 

<xsl:attribute name="id"> 
<xsl:value-of select="^ame*V> 
</xsl:attribute> 
<xsl:attribuie nanie="title*> 
<xsl:value-of select="fafnanie"/> 
</xsl:attribuie> 
<xsl:apply-templaies/> 
</card> 

</xsl:otherwise> 

</xsl:choose> 

</xsl:template> 

<xsl:iemplate Tnatch=*cml[(a^action="subniit"]> 
<card> 

<xsl:attribute name="id"> 

<xsl:vaIue-of sclect="(5iinaine"/> 

</xsl:attribute> 

<xsl:attribute name="title"> 

<xsl:value-of seleci=*'(a^ame"/> 

</xsl:attribute> 

<xsl :apply-templates/> 

<p align="center"> 

<a> 

<xsl:attribute name="href > 

<xsl:value-of select- 7cmy%name'V>.wmls#submit()</xsl:attribute> 

</a> 

</p> 

</card> 

</xsl:template> 
<xsl:teinplate malch=*seleci> 
<p> 

<xsl:apply-templates selcct="messagc"/> 
<select> 

<xsl: attribute name="nanie*> 
<xsl:value-of select="(a^aine'V> 
</xsl:attribute> 

<xsl:for-each select="choices/choice | choices/default"> 
<option> 

<xsl:attribute name="value"> 
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<xsl:value-of seIect="@value"/> 
</xsl:attribuie> 
<xsl:attribute nanie="onpick"> 

<xsl:value-of select='Vcml/(a^name'\>.wnils#submil{)</xsl:atm 

<xsl:call-templatename="lex"/></oplion> 

</xsl:for-each> 

</select> 

</p> 

<yxsl:template> 

<xsi template Tnatch="menu"> 

<card> 

<xsl:attribute nanie="id"> 

<xsl:value-of select="(§^ame"/> 

</xsl:attribute> 

<xsl:attTibute name='*title"> 

<xsl:value-of select="(^name'V> 

</xsI:attributc> 

<p> 

<select> 

<xsl:attribute name="naine"> 
<xsl:valueK)f select="^ame"/> 
</xsl:attribute> 

<xsl:apply-templaies select="Tnessage"/> 
<X5l:foT-eacb select="choiccs/choice | cboices/defauir> 
<option> 

<xsl:attribuie nanie="value"> 
<xsl:value-of select="@value"/> 
</xsi:attribute> 

<xsl:attribute name- •onpick">#<xsl:value-of select="(g^value'7></x 

<xsl:caU-teniplatc naine="lcx"/></option> 

</xsl:for-each> 

</select> 

</p> 

</card> 

</xsl:template> 
<xsl:template naine="lex"> 
<xsl:for-each select="node()"> 
<xsl:if test="position()=last()"> 
<xsl:value-of select="cuTTent{)'V> 
</xsl:if> 
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</xsl:for-each> 
</xsl:template> 

^ <!- explicitly remove segmeni -> 

<xsl:tcinplate match="submit*'/> 
<xsl:teniplatfi match="message"/> 
<yxsl:stylesheei> 

10 

(g) XSL Source to produce VoiceXML 

[0136] The following describes the XSL source code used to produce the VoiceXML source page. 

15 

<xsl:stylesheet version-* 1 .0" xriilns:xsl="http://www.w3.org/1999/XSL/Traiisforin"> 
<xsl:output method="htmr7> 
<xsl:template match='Vcmr'> 
<vxml> 

<xsl:apply-templates/> 

</vxnil> 

</xsl:template> 

<xsl itemplate inatch="menu"> 

<menu> 

<xsl:apply-templates select='"message"/> 
<xsl:attribute name="id"> 
<xsl:value-of select="(gjnaine"/> 
</xsl:attributc> 

<xsl:attribute namc="nodeJd"> 

<xsl:value-of select="(SynodeJd"/> 
35 </xsl:attribute> 

<xsl:apply-templates select=*'message"/> 

<prompt> Say one of <enumerate/> </prompt> 

<xsl : for-each select="choices/choicc|choices/default"> 
40 <choice> 

<xsl:aitribute name="next">#<xsl:value-of select="(&jva]ue"/></xsl:attribute> 

<xsl :apply-tempIates/> 

</choice> 

</xsl:for-each> 

45 

</menu> 
</xsl:template> 

<xsl:template match="cml[(ci^ction='retum7'> 
<form> 
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<xsl:attribute name="id"> 

<xsl:value-of select="(ajnanie"/> 
5 </xsl:attribute> 

<xsl: attribute name="nodeJd"> 

<xsl:value-of select="(a}nodeJd"/> 

</xsl:attributc> 
io <xS)l:apply-lcmpIaies/> 

<block><goto> 

<xsl:attribule name="next">#<xsl:value-of select='7cml/menu/ra^ame*7></xsl:attribut 
</goto></block> 
,5 </fomi> 

</xsl:templaie> 

<xsl:tcmplatc maicb="cml[(£i^ction=*submit']"> 
<form> 

<xsl:attribute name="id"> 

20 

<xsl:value-of select="(a:name"/> 
</xsl:attribute> 

<xsl:attribute name="nodeJd"> 
<xsl:value-of select="(2^nodeJd'7> 
</xsl:attribute> 
<xsl:apply-teinplates/> 
<block> 

<goto next="http://raman.almaden.ibinxom/cgi-bm/cnn.cgi"> 
30 <xsl:if test="select[@name]"> 

<xsl:for-cach select="select"> 

<xsl:attribute name="subniit''> 

<xsl:value-of select="^ame"/> 
35 </xsl:attribute> 

</xsl:for-each> 

</xsl:if> 

</goto> 
40 </block> 

</foTm> 

</xsl:template> 

<xsl:ieniplate match="select*> 

<field> 

45 

<xsl : attribute name="name"> 
<xsl:value-of select="(ainame"/> 
</xsl:attribute> 

<xsl:attribute name="nodeJd"> 



55 



58 



BNSDCXIO: <EP 1 100013A2J_> 



EP1 100 013 A2 



<xsl:value-ofselect="..%nodeJ(i"/> 
</xsl:attribute> 
<xsl:if test="message"> 
<pronipt> 

<xsl:value-of selea="message"/> 

Say one of <enumeratc/> 

</prompi> 

</xsl:if> 

<grammar> 

<xsl:for-each select="choices/choice|choices/default" 

<xsl:call-template nanie="lex"/> 

<xsl:if test="foUowing-sibling::choice">|</xsl:if> 

</xsl:for-cacb> 

</grammar> 

</field> 

</xsl:template> 

<xsl:teTnplate match="message"> 

<fieldxprompt> 

<xsl:attribute name- 'node_id"> 

<xsl:Yalue-of select="@nodeJd"/> 

</xsl:attribute> 

<xsl:apply-templates/> 

</prompt> 

</field> 

</xsl:teniplate> 

<xsl:template match="hdp"> 

<help> 

<xsl:attribute name="nodeJd"> 

<xsl:value-of seIect="(ajnodeJd"/> 

</xsl:attribute> 

<xsl : apply-templates/> 

</belp> 

<;/xsl:lemplate> 

<xsl:template Tnatch="grammar'7> 
<xsl:template matcb="submit*V> 
<xsl:tcmplate nanfie="lex"> 
<xsl:for-each select="node()"> 
<xsl:if test="position()=last(r> 
<xsI:value-of select='*current()'V> 
</xsl:\{> 



</xsl:for-each> 
</xsl:iemplate> 
</xsl:stylcsheet> 
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(h)VolceXML Sources 

[01 37] The tollowing describes the VoiceXML source page obtained by applying the (CML to VoiceXML) XSL sources 
on the CML source page. The resulting welcome Speech dialog as presented by a VoiceXML browser initially presents 
5 the user with a dialog to select by voice between the different options. 

<vxnil> 

<menu id="cnn_conimand" nodeJd="2"> 

<prompt> Say one of <enumeratex/enumerate></pronipt><choice 
next="#cnn_qucry">Select News 

Exit </choice><choice next="#cnn_applicationHelp">Help</choice> 
</menu> 

<fomi id="cnn_applicationHelp" nodeJd="4"> 
<fieldxprompt nodeJd="5"> 

This application allows you to select and view CNN news stories 
</prompt></field> 
20 <blockxgoto next="#cnn"><;/goto></block> 

</form> 

<fonn id="cnn_exit" node_id=**6"> 
<field><prompt nodejd=*'60"> 
25 Thankyou for using the CNN news service 

</promptx/field> 

<blockxgoto next="htlp;//raman.alniadcn.ibnixom/cgi-bin/cnn.cgi"x/goto><;^lock> 
</form> 

^ <menu id="cnn_query " node_id=** 1 1 "> 

<prompt> Say one of <enumeratex/enumerateX/proniptxchoice 

next=**#cnn_query_news"> News < 

Sports 

</choiceXchoice next="#cnn_queryjtravel"> Travel </choiceXchoice next="#cnn_qu 

Show Business 

</choice> 

</menu> 

<form id="cnn_queTy_news" nodeJd="13"> 

<field name="cnn_qucry_part" nodeJd=" 1 3"><prompt> 
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Which part of today's news would you like to read?</proniptxgrainmar> HeadlinesI 
^ <rield name="cnn_queryjntcrest" nodeJd=" 1 3'*><prompt> 

Which news category would you like to read? 
</pronipt><grammar> 
Business 

Afirical World | United states | Europe | Asia| Middle East) America </granrima 
<block><goto next="http://raman.almaden.ibm.com/cgi-bin/cnn.cgi" 
submit="cnn_queryjnt 
</fonn> 

<fomri id="cnnjquery3usiness" nodeJd="16"> 

<field name-"cnn_query_pan" node Jd=" 1 6"><prompt> 

Which part of today's news would you like to read?</prompt><grammar> Headhnesl 
<field name="cnn_queryjnterest" nodeJd="16"><prompt> 
20 Which business category would you like to read?</prompt><grammar> news | indexes 

<blockxgoio next="http://ranian.almadcn.ibm,com/cgi-bin/cnn.cgi" 
submit="cnn_query_int 
</fonn> 

2s <fom id="cnn_query_weather" nodeJd=" 1 9**> 

<field nanie="cnn_query_part" nodeJd='* 19"><prompt> 

Which part of today's news would you like to read?</prompt><grainmar> HeadlinesI 

<field nanie="cnn_queryjnterest" nodeJd="l9"><prompi> 

Which region are you interested in?</promptxgrammar> United states | 

Europe 

I Japan | Australia I Asia </grainmarX/field> 

<block><goto next="http://raman .alnnaden.ibm.com/cgi-bin/cnn.cgi" 

submit="cnn_queryjnt 

</form> 

<fonn id="cnn_qucry_travel" nodeJd="22"> 

<field name="cnn_queryj)art" nodeJd="22"><prompt> 

Which part of today's news would you like to read?</proniptxgrammar> HeadlinesI 
<field name="cnn_queryjnterest" nodeJd="22"Xprompt> 
Which city do you want to 

visit?</prompt><grammar>AMSTERDAM|COPENHAGEN|HELSINKl| 

<blockxgotonext="http://raman.almaden,ibm.com/cgi-bin/cnn.cgi" 

submit="cnn_queryjnt 

<fonn> 

<form id="cnn_query_sports" nodeJd="25"> 
<field name="cnn_queryj>art" nodeJd="25"><prompt> 
50 Which part of today's news would you like to read?</promptXgrammar> HeadlinesI 
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<field iiame="cnn_queryjnterest" nodeJd="25"><proTnpt> 
What sports are you interested in?</promptxgrammar> Asia | world | europe | uni 
^ <block><goto next="http://raman.almaden.ibm.coin/cgi-bin/cnn.cgi " 

subniit="cnn_quayjnt 
</form> 
</vxml> 

10 ' 

(ili) Tight multi-modal browsing and multi-device browsing 

[01 381 As described above and in more detail below, the different modalities can be tightly synchronized. For example, 
J5 it can be voice and GUI on a same device or voice on the telephone synchronized with GUI on a HTML or a WMI 
browser, etc. 

M. Cosmetizatlon 

20 [01 39] Modality specific cosmetic content or parameters can be added using modality specific XML syntax. Modality 
specific gestures can be added using modality specific XML syntax with modality qualifiers. Other modality can ignore 
or replace these components by others (e.g., by captions). 

(i) Modality Specific Information 

25 

[0140] CML is designed to be a declarative, modality-independent markup language for specifying interaction logic 
and conversational application flow. However, we realize that, in the interim, application authors will want to add mo- 
dality-specific content to CML applications in order to achieve custom presentations. CML permits this by element 
modality which is used to encapsulate snippets of markup that are intended for use in a specific modality. Note that 
30 such modality-specific snippets will only appear in the specified modality; authors are therefore encouraged to use 
such modality-specific snippets only where it is deemed absolutely necessary, and further where the author either 
provides an alternative snippet for use in other modalities, or does not care about any other modality. Element modality 
qualified by XML attributes class and module is defined below: 

35 Class: Specifies class of modalities to which this snippet applies. 

module: Specifies the marl<up language modules that can accept this snippet 

[01 41 1 The following is an HTML-specific snippet that will be passed through to the visual representation. 



<modality class="visual" module="html-basic"> 

<L1NK REL="stylesheet" 

HREF="cnn.css" 

TYPE="text/css"/> 

</inodality> 

[0142] The following is an example of a cosmetized CML page: 
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<!-$Id: cnn.cml,v 1.21 2000/02/05 20:08:27 Exp$-> 
<!-Description: CMN Mobile In cml — > 

<cml name="cnn*' 

nodeJd="l" 

title="CNN Mobile News"> 
<modality class="visual" module- 'html-basic"> 
<LINK REL="stylesheet" • 

HREF="cnn.css" 

TYPE="text/css'7> 
</modality> 

<modalily class-'visual" module="htmr> 
<TABLE BORDER="0" WIDTH="600" CELLSPACING="0" 
CELLPADDING="0"xTR> 

<TD WlDTH="122"VALlGN="TOP"><a H 

<IMG SRC="http://cnn.com/images/1999/10/cnnsiore.gif' 
WIDTH=" 1 20" HE1GHT="60" BORDER=" 1" AL 

<TD W1DTH="8" VALlGN="TOP"Xa HREF="http://cnn.com/ads/ 
e.niarket/"> 

<1MG SRC="http://cnn.coin/images/l998/05/homepage/ad. 
info.gif ' WIDTH="7" HE1GHT="62" BORDER= 
<TD WIDTH="470" VAL1GN='T0P"> 
<a 

HREF= " http: / /am. coin/ev<ait.ng/Type=click%26RunID= 
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1 1875%26Prof ileID=34%2 6AdID=13042%2 6Group: 

target="_top"> 

<inig src="http://cnn.com/ads/advertiser/promo/ 
intercompany_onair/9907/onair_egg_cnn.gifr* 

border="0" height="60" width="468" alt="Get to the 

news!*V> 
</a> 

<table width="100%" cellpadding="0" cellspacing="0'* 

border="0**><trxtd align="right"'xfont 
face="vcrdana,ARIAL,sans-serif* si2C="l"Xa 

</TD></TRX/TABLE> 
</modality> 

<modality class="speech" module="vxinl"> 
<block> 

Shop CNN for all your information needs! 
</block> 
</modality> 

<menu name="cnn.comniand" 
nodeJd="2"> 
<choices nodeJd="3" > 

<default value=~#cnn.qucry">Select News Stories</default> 
<choice value=*'#cnn.exit" 

require_confinnation="true"> 
Exit </choice> 
<choice value="#cnn.applicationHelp">Heip</choice> 

</choices> 
</menu> 

<cnil name- 'cnn.applicationHclp" 

title="About CNN Mobile" 

nodeJd="4" 

action="retum"> 
<message 

node id="5"> 

[0143] This application allows you to select and view CNN news stories 

</message> 
</cml> 

<cml name="cnn.exit" 
nodeJd="6" 
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title="Exii CNN Mobile News" 
actioh="submit"> 
<message nodejd="60"> 

Thankyou for using the CNN news service 
</message> 
</cml> 

<group nodeJd="7" 

groupId="query"> 
<cml name=*'cnn.query*' 

title="Search CNN Mobile News" 
nodeJd="58"> 
<menu name="cnn.query.topic" 
nodeJd="ir' 
title="Topic SeIection"> 
<choices nodeJd="12" > 
<choice value- *#cnn,query.news"> News </choice> 
<choice value="#cnn.query.business"> Business </choice> 
<choice value="#cnn.query.sports**> 

<granimar> (sport | sports" </granimar> 

Sports 

</choice> 

<choice value="#cnn.query. travel "> Travel </choice> 
<choice value="#cnn.query.weather"> Weather </choice> 
<choice value="#cnn.query.show"> 

<graminar > show [business] </grammar> 
Show business 
</choice> 
</choices> 
</menu> 
</cml> 

<cml name='*cnn.query.news'' 

titlc="News Channel" 

nodeJd="13" 

action-'subniit"> 
<select name=^'cnn. query. part "> 

<message nodeJd=*'9" > 
Which part of today's news would you like to read?</message> 

<choices 

nodejd="10"> 
<choice value="h"> Headlines</choice> 
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<choice value="l"> first story </choice> 

<choice value="2*'> second story </choice> 

<choice value="3"> third story </choice> 

</choices> 
</select> 
<selecl name="cnn.queTy.interesl"> 
<message node_id=" 1 4"> 

Which news category would you like to read? 
</message> 

<chojccs node_id="15** > 
<cboice valu€='*business"> 
<grainmar type="text/jsgr> 
business { BIZ } </graiTimar> 
Business 
</choice> 

<choice value="afnca"> 

Afnca</choice> 
<choice valuc="world"> World </choice> 
<choice value="United states"> United states </choice> 

<choicc value="europe"> Europe </choice> 
<choice value="Asia"> Asia</choice> 
<choice value=="nie"> Middle East</choice> 
<choice value="america"> America </choice> 
</choices> 
</select> 
</cml> 

<cml name='*cnn.query business" 
title="Business Channel" 
action="submit" 
nodcJd="16"> 
<select name="cnn.queTy.part*> 
<messagc node_id="9'* > 

Which part of today's news would you like to read?</niessage> 
<choices 

nodejd="10"> 
<choice value='*h"> Headlines</'choice> 
<choice value="l"> first story </choice> 
<choice value='*2'*> second story </choice> 
<choice value="3"> third story </choice> 
</choices> 
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</select> 

<sclect name="cnn.queTy.interest"> 
<message nodejd-* 1 T> 

Which business category would you like to read?</Tnessage> 
<choices node Jd=" 1 8"> 

<choice value="NEWS"> news </choicc> 

<choice value='*lN"> indexes </choice> 

<choice value="CU"> exchange rates </choice> 

<choice value="MET"> metals </choice> 
</'choices> 
</select> 
</cml> 

<cinl nanie="cnn.queTy.weather" 

iitle="Weather Channel" 

action="submit" 

nodeJd="ir > 
<select name- 'cnn. query .pait"> 
<message node_id='*9" > 

Which pan of today's news would you like to read?</message> 
<choices nodeJd=" 1 0" > 

<choice value="h'*> Headlines<;/choice> 

<choice value="l"> first story </choice> 

<choice value="2"> second story </dioice> 

<choice value="3'*> third stoty </choice> 
</choices> 
</sclect> 

<select name="cnn. query .intercst"> 

<message node_id="20"> 

Which region are you interested in?</message> 
<choices nodeJd="2r> 

<choice value="us"> United states </cboice> 

<choice value="curope"> 

<grammar type="text/jsgf '> (euro I Europe) </grammar> 
Europe 
</choice> 

<choice value="JP-> Japan </choice> 
<choice value=" AU"> Australia </choice> 
<choice value="AS"> Asia </choice> 
</choiccs> 
</select> 
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</cml> 

<cml name="cnn.query.traver' 

title="Travel Section" 

action-'submit" 

nodeJd="22" > 
<select namc="cnn.query,part"> 
<messagc nodeJd="9" > 

Which part of today's news would you like to read?</niessage> 
<choices 

nodejd="10"> 

<choice valuc="h"> Headlines</choice> 

<choice value="l "> first story </choice> 

<choicc value="2"> second story </choice> 

<choice value="3"> third story </choicc> 
</choices> 
</select> 

<select naine="cnn.query.interest"> 

<message nodeJd="23"> 
Which city do you want to visit?</message> 

<choices nodeJd="24"> 
<choicevalue="AMSTERDAM">AMSTERDAM</choice> 
<choice value="COPENHAGEN">COPENHAGEN</choice> 
<choicevalue="HELSINKI">HELSINKI</choice> 
<choice value="HONGKONG">HONGICONG</choicc> 
<choice value="LONDON">LONDON</choice> 
<choice value="OSLO">OSLO</choice> 
<choice value="PR.\GUE">PRAGUE</choice> 
<choice value="SINGAPORE">SINGAPORE</choice> 
<choicevalue="STOCKHOLM">STOCKHOLM</choice> 
<choice value="SYDNEY">SYDNEY</choice> 

</choices> 

</select> 
</cml> 

<cml name="cnn.queiy .sports" 

.action="5ubniit" 

title="SpoTts Channel" 

nodeJd="25"> 
<select name="cnn.query.part"> 

<message node_id="9"> 

Which part of today's news would you like to read?</message> 
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<choiccs 

nodejd="10"> 

<choice value="h"> Headlines</choice> 

<choice value="l"> first story </choice> 

<choice value="2"> second story </choice> 

<choice value="3"> third story <choice> 
</choiccs> 
</select> 

<select naine="cnn.query.interest"> 

<iTiessage nodeJd="26"> 

What sports are you interested in?</message> 
<choices nodeJd="27"> 

<choicc value="AS"> Asia </choicc> 

<choice value="w"> world </choice> 

<choice value="eu"> europe </choice> 

<choice value="us"> united states </choice> 

<choice value="nba"> NBA </choice> 

<choice value="nhr*> nhl </choice> 

<choice value="EF'> Europoean football </choice> 
</choices> 
</sclect> 
</cml> 

<subinit target=''http://ranian.ahiiaden.ibm.com/cgi-bin/cnn.cgi"> 
<message nodeJd="28"> 

executing <value name="cnn.comniand"/> 

for <value namc="cnn.query.pari"/> 

stories about <value name="cnn.query.interesf7> 

fipom topic <value name-"cnn.query.topic"/> 
<;/message> 

<env name="cnn.command'7> 
<env name="cnn.query.topic7> 
<env namc="cnn.query.interest'V> 
<env name="cnn.query.part"/> 
</submit> 
</gTOup> 

<submit target=-''http://ranian.abiiadcn.ibm.coni/cgi-bin/cnn.cgi"> 
</submit> 
</cml> 



[0144] The following describes the HTML source page obtained by applying the (CML to HTML) XSL sources oh the 
HTML cosmetized CML source page. The resulting welcome GUI page as viewed with a HTML browser Is illustrated 
in FIG. 8. The cosmetization Is clearly visible when compared to the non-cosmetized page. This illustrates the possibility 
to cosmetize, at will, the page. Again, all cases have not been considered but this clearly illustrates the approach. 
[0145] The following is the code associated with the cosmetized resulting HTML source page: 
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<!DOCTYPE html PUBL1C"-//W3C//DTD HTML 4.0 TransitionaI//EN"> 

<html> 

<head> 

^ <META http-equiv="Content-Type" content="text/html; charsct=iso 
-8859- ]••> 

<title>CNN Mobile News</title> 

</hea<l> 

<body> 

<a name="cnn">CNN Mobile News</a> 
</hl> 

<div node_id="l" name="cnn"> 

<LINK REL="stylesheet" HREF=*'cnn.css" TYPE="text/css"> 

<TABLE BORDER="0" WIDTH="600" CELLSPACING="0" 
CELLPADDING="0"> 
<TR> 

<TD WIDTH="122"VALlGN="TOP"Xa HREF="http://cgi.cnn.com/cgi-bin/redir 
cct?cnn_store"> 

<IMG SRC="http://cnn.coin/images/l 999/1 0/cnnstore.gif' WIDT 
H="120" HEIGHT="60" B0RDER='*1" ALT="CNN Store"></aX/TD> 

<TD W1DTH="8" VALIGN="TOP"Xa HREF=*"http://cnn.com/ads/ 

e.market/"> 

<1MG SRC="bttp;//cnn.com/images/1998/05/hoinepage/ad.info.g if 
W1DTH="7" HE1GHT="62" BORDER="0" ALT="ad info"x/ax/TD> 
<TD WIDTH="470" VALlGN=*TOP "> 
<a HREF="http://cnn.com/evem.ng/Type=click%26RunlE)= 1 1 875%26 
ProfileID=34%26AdID=13042%26GroupID=l5%26FamilyID=1099%26TagValues=4.8. 
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249.435.594.606%26Redircct=http:%2P/o2Fwww.cnn.com%2FHLN%2Find6x_pgin.htm 

" target="_top"> 

<img src="http://cnn.com/ads/'advertiser/promo/inter 
company_onair/9907/onair_ejauJnn.gif ' bordei="0" height="60" width="468" alt= 
"Get to the point news!"> 

</a> 

<table width="100%" cellpadding="0'* censpacing="0" border="0"> 
<tr> 

<td align="right"xfont face="verdana,ARlAL,sans-serif ' size="l"xa 
href="http://cnn.com/event.ng/Type=cUck%26RunlD= 1 1 875%26ProfilelD= 
34%26AdlD= 1 3042%26GrouplD= 1 5%26FainilyID=l 099%26TagValues=4.8.249.435. 
594.60 6%26Redirect=http:%2F%2Fwww.cnn.cora%2FHLN%2Findex_pgm.btm 
target=_top" 

>Get to the point news ! </a></fontx/td> 

</tr> 

</table> 

</TD> 

</TR> 
</TABLE> 

<ol node_id="2"> 
<li> 

<a href^"#cnn.query">Select News Stories</a> 

</li> 

<li> 

<a href="#cnn.cxit"> 
Exit </a> 

</li> 
<li> 

<ahref="#cnn.applicationHelp">Help</a> 
</li> 
<lo\> 
<h2 nodeJd="4"> 

<a name="cnn.applicationHelp">About CNN Mobile</a> 
</b2> 
<P nodeJd="5"> 
This application allows you to select and view CNN news stories 
</P> 
<p> 

<a href="#cnn"> 



<eP 1 100013A2J_> 



71 



EP 1 100 013 A2 



Back 
</a> 

</p> 
<h2> 

<a name="cnn.exit">Exit CNN Mobile News</a> 
</h2> 

<form nodeJd="6" action="http://raman.almaden.ibm.coni/cgi-bia' 
cnn.cgi"> 
<PnodeJd="60"> 
Tbankyou for using the CNN news service 
</P> 
<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.cxif> 

</p> 

<fam> 

<div groupId="query" inodality="" class='"*> 
<h2 nodeJd="8"> 
<a name- 'cnn.queTy">Search CNN Mobile News</a> 
</h2> 
<h2> 

<a name="#cnn.query.topic">Topic Selection</a> 

<na> 

<ol nodeJd="ll"> 
<li> 

<a hrcl«"#cnn.query.ncws"> News </a> 

<li> 

<li> 

<a href="#cnn.query.business"> Business <a> 

<A\> 

<i> 

<a href="#cnn.query.sports"> 

Sports 
</a> 

</li> 
<li> 

<a hrcf="#cnn.query.traver> Travd </a> 

</li> 

<li> 
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<a href="#cnn.query.weather"> Weather </a> 

<m> 

<li> 

<a href^"#cnn.query.show"> 

Show Business 
</a> 

<fli> 
</ol> 

<h2> 

<a nanie="cnn. query .news">News Charmel</a> 
<h2> 

<forTn nodejd- '13" action="http://raman.almaden.ibin.com/cgi-bin/ 
cnn.cgi"> 

<P nodeJd="9"> 

Which part of today's news would you like to read?</P> 
<select name="cnn.qucry.part"> 

<optioo value="h"> Headlines</option> 
<option value="l"> first story </option> 
<option value="2'*> second story </option> 
<option value="3"> third story </option> 
</select> 

<p> 
</p> 

<PnodeJd="14"> 
Which news category would you like to read? 
</P> 

<select name="cnn.queTy.interest"> 
<option value="business"> 

Business 
</option> 

<option value="africa"> 
Africa</option> 

<option value="world"> World </option> 

<option value="United states"> United states </option> 

<option value="europe"> Europe </option> 

<option value="Asia"> Asia</option> 

<option value="me"> Middle East</option> 
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<option value="america"> America </option> 

5 

</selecl> 

<p> 
</p> 
<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.query.news"> 
</p> 
</forni> 
<h2> 

<a naine="cnn.query.business">Business Chaiinel<;/a> 
</V2> 

<form nodcJd="16" action="http://raman.almaden.ibm.coni/cgi-bin/ 
cnnxgi"> 

^ <Pnode_id="9"> 

Which part of today's news would you like to read?</P> 
<select nanie="cnn.query.part"> 

<option value="h"> Headlines</option> 
25 <option value="r*> first story </option> 

<option value="2"> second story </option> 
<optioii value="3"> third story </option> 
</'select> 

30 <P> 
</p> 

<PnodeJd="17"> 

Which business category would you like to read?</P> 
35 <select naine="cnn.query.ini6rest"> 

<option value="NEWS"> news </option> 
<option value=*'IN"> indexes </option> 
<option value="CU"> exchange rates </option> 
<option value="MET"> metals </option> 
</select> 

<p> 
</p> 
<p> 

<INPUT TY PE="SUBM1T" VALUE="cnn.query .business"> 

</p> 
</fonr> 
<h2> 

^0 <a name="cnn.query.weather">Weather Channel</a> 
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</h2> 

<fomi nodeJd="19" acrion="http://raman.almaden.ibm.coni/cgi-bin/ 
cnn.cgi'> 

<P nodeJd="9"> 

Which part of today's news would you like to read?</P> 
<select name="cnn.query.part"> 

<option valuc="h'*> Headlines</option> 
<option value="l"> first story </option> 
<option value="2"> second story </option> 
<option value="3'> third stoiy </option> 
</select> 

<p> 

</p> 

<P nodejd="20"> 

Which region are you interested in?</P> 
<select name=**cnn.query.interest"> 

<option value="us"> United states </option> 

<option value="europe"> 

Europe 
</option> 

<option value='*JP"> Japan </option> 
<option value=" AU"> Australia </option> 
<option value="AS'*> Asia </option> 
</select> 

<P> 
</p> 
<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.queiy.weather"> 
</p> 
</form> 
<h2> 

<a name="cnn.query.traver*>Travel Section</a> 
</h2> 

<form node_id="22" action="http://raman.ahnaden.ibm.com/cgi-bin/ 
cnn.cgi"> 

<P nodeJd="9"> 

Which part of today's news would you like to read?</P> <select 
nanie="cnn.query.part"> 
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<option value="h"> Hcadlines</option> 
<option value="r'> first story </option> 
<option value="2"> second story </option> 
<oplion value="3"> third story </option> 
</select> 

<p> 
</p> 

<P nodeJd='73"> 

Which city do you want to visit?</P> 
<select name="cnn.query.interest"> 

<option value="AMSTERDAM">AMSTERDAM</opt!on> 
<option value="COPENHAGEN">COPENHAGEN</option> 
<option value="HELSINKI">HELSlNKJ</option> 
<option value="HONGKONG">HONGKONG</option> 
<option value="LONDON">LONDON</option> 
<option value="OSLO">OSLO</option> 
<option valuc="PRAGUE">PRAGUE</option> 
<option value="SINGAPORE">SINGAPORE</option> 
<option value="STOCKHOLM">STOCKHOLM</option> 
<option valuc="SYDNEY">SYDNEY</option> 
</select> 

<p> 
</p> 

<p> 

<INPUT TYPE="SUBMIT" VALUE="cnn.query.travel"> 
</p> 
</form> 
<h2> 

<a naine="cnn.query.spons">SpoTts Channel</a> 
</h2> 

<fonn nodejid='*25" action="ht^://raman.almaden .ibm.com/cgi-bin/ 
cnn.cgi"> 

<P nodeJd="9"> 

Which part of today's news would you hTcc to read?</P> 
<select name="cnn. query. part "> 

<option value="h"> Headlines</option> 
<option value='M"> first story </option> 
<option value="2"> second story </option> 
<option value="3"> third stoiy </opiion> 



76 



EP1 100 013 A2 



</select> 

<p> 
</p> 

<PnodeJd="26"> 

What sports are you interested in?</P> 
<select naine=*'cnn.queiy.interest"> 

<option value="AS"> Asia </option> 
<option valuc="w"> world </option> 
<opiion value="eu"> europe </option> 
<option value="us"> united states </option> 
<option value="nba"> NBA </ option> 
<option value="nhl"> nhl </option> 
<option value="EF"> Europoean football </option> 
</selecl> 

<p> 
</p> 
<P> 

<nSfPUT TYPE="SUBMIT" VALUE=" cnn.query.sports"> 

25 </p> 

</form> 



10 



IS 



20 



</div> 

30 

</div> 

<A)ody> 

</htinl> 

35 

N. CML DTO*Document Type Definition 

[0146] The following represent the CML DTD. It is to be understood that the following DTD description should be 
fully understood by anybody famliiar with the art of XML. It fully defines the syntax of CML as presented for this em- 
40 bodiment. 



<!-.$Id: cml.dtiv 1.14 2000/03/02 17:04:02$ -> 

<!-- DTD For Conversational Markup Language CML -> 

<!— Conventions: 

Tags are all lower case. 

Attribute names are all lower case. 

<!- {attribute entities -> 
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<!- core attributes common to most elements 

nodejd document-wide unique id 

name Names data item that is populated by this gesture. 

title Human readable title 

style URi of custom stylesheet 

— > 

<!ENTITY % coreattrs 
"nodejd ID #TMPLIED 
name CDATA #IMPLIED 
style CDATA ; #lMPLiED 
trigger CDATA #implied 
title CDATA #IMPLIED" 
> 

<!" } -> 

<!- {entities -> 

<!ENTITY % GESTURE "(cml 

I selea 

I menu 

I message 

1 help)"> 
<!„ } ^> 

<!- { TOP LEVEL CML -> 
<!ELEMENT group ( 
%GESTURE+) 
> 

<!ATTLIST group 

id ID #required 

modality CDATA #implied 

class CDATA #implied 

> 

<!ELEMENT CML ( 
(group I %GESTURE)+, 
submit? 

) 

> 

<!ATTLIST cml %coreattr> 
<!- } ^> 

<!— {gesture message 
<!ELEMENT message ANY> 
<!ATTL1ST message %coreattr> 
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} -> 
<!- {gesture help 
<!ELEMENT help ANY> 
<!ATTL1ST help %coreattr> 
<!~ } 

<!- {gesture boolean 

<!ELEMENT boolean( 

message, 

help?) 

> 

<!ATTLIST boolean %coreattr; 
require_confirmation (true | false ) #implied 
require_confinnationJf_yes (true | false #implied 
requirejconfirmation JCno (true 1 false #implied 
default (true | false #iniplied 
> 

<!- {gesture select 

<!ELEMENT error ANY> 

<!ELEMENT grammar ( 

gram, 

help?) 

> 

<!ATTLIST grammar 
type CDATA #required> 
<!ELEMENT gram ANY> 
<!ELEMENT final ANY> 

<!— open content model for element predicate for now — > 
<!— will use an expression syntax a la xpath and augmented 
<!- as needed -> 

<!- will also draw on xforms work -> 

<!ELEMENT predicate ANY> 

<! ELEMENT choice ( 

grammar?, 

PCDATA) 

> 

<!ATTLIST choice %coreattr; 
value CDATA #required 
> 

<!— default has same content model as choice — > 
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<!ELEMENT default ( 

grammar?, 

PCDATA) 

> 

<!ATTUST default %coreattr; 
value CDATA #required 
> 

<!ELEMENT choices ( 

choice^, 

default?) 

> 

<!ELEMENT select ( 

message, 

help?, 

choices, 

predicate?, 

en-or?) 

> 

<!ATTLIST select %coreattr; 
require_predicate (true | false ) #implied 
selectionjtype CDATA #implied 
> 

<!- {gesture menu 

<!ELEMENT menu ( 

message, 

help?, 

choices) 

> 

<! ATTLIST menu %coreattr, > 
<!- } 

<!— {constrained input -> 

<!" CML provides gestures for standard dialog components, 

the follov^ng is merely a sample list of gestures: 

Date 

Specify date 
Time 

Specify lime. 
Currency 

Specify currency amount. 
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Credit card 

Specify a credit card (including card type, card number and 

expiration date). 

Phone 

Specify a telephone number. 
Email 

Specify an email address, 
url 

Specify a url. 
Snail Adress 

Specify a snail mail address, including street, city/state/country 
and zip code. 

We will specify formal DTD for these elements. ~> 

<!- } -> . 

<!— {unconstrained input — > 

<!ELEMENT input ( 

message, 

help?, 

predicate?) 

> 

<! ATTLIST input %coreattt-; 
requirej>redicate (true | false ) #implied 
> 

<!- } -> 

<!- {gesture userjdentification 

<! ELEMENT user_identification ( 

message, 

help?, 

user, 

identify, 

predicate, 

error) 

> 

<!ATTLIST userjdentification %coreattt"; 
require j^redicate (true | false ) #implied 
on Jail CDATA #implied 
> 

<!- } ^> 

<!~ {gesture submit -> 
<!ELEMENT cnv EMPTY> 
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<!ATTLIST env 

name CDATA #required> 

<!ELEMENT submit { 

message?, 

help?, 

env*) 

> 

<!ATTLIST submit 
target CDATA #required> 

<!- } -> 

<!- {binding events --> 

<! ELEMENT bind-event EMPTY> 

<!ATTLIST bind-event 

logical CDATA #required 

physical CDATA #impbed 

modality CDATA #implied 

> 

<!-. } «> 

<!- {environment 

<!ELEMENT var EMPTY> 

<!ATTLIST var 

name CDATA #required 

value CDATA #implied 

> 

<!ELEMENT value EMPTY> 

<!ATTLIST var 

name CDATA #Tequircd 

> 

<!ELEMENT assign EMPTY> 

<!ATTL1ST var 

name CDATA #required 

value CDATA #required 

> 

<!- { end offile--> 
<!- End Of DTD 
local variables: 
folded-file: t 
end: 



[0147] Accordingly, the conversational markup language according to the present invention, as described in detail 
herein, provides many useful features and advantages. Programming by interaction permits the definition of the un- 
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derlying data model being populated (model) to be separated from the markup language defining the user interaction 
(view/controller). This makes possible the construction of tightly synchronized multi-modal interactions and supports 
conversational applications. CML according to invention provides mechanisms to support tight synchronization, e.g., 
a Node.id attribute anached to each gesture and mapping of this attribute over to the various outputs. The language 

5 is preferably defined in terms of atomic constructs (the gestures), more complex constructs, if any, are composed of 
these atomic gestures along with a clear semantic definition of the complex construct (in temns of dialogs). This enables 
mapping the complex modules to different modalities. Voice Is considered as a first class user Interface (Ul) modality 
at the same level of GUI. Gestures corresponds to elementary dialog components (this includes adding appropriate 
data tiles). Where required, authors wishing to encapsulate modality-specific components may provide a "pass through" 

10 mechanism for encoding modality-specific markup. Modality specific constructs (either for speech or GUI) may be 
limited to this pass-through mechanism. Conversational Ui is supported. The markup language captures dialog com* 
ponents that may be active in parallel. CML is an extensible language, e.g., new gestures can be defined, gesture 
transformation rules can be modified, tags/constructs from other languages can be embedded (in pass through mode). 
Modality specific tags/pass through is the only mechanism for additional cosmetization of a page. CML also provides 

15 an explicit environment for encapsulating application state. CML further provides the ability for the interaction descrip- 
tion to refer to dynamk:ally generated data, as well as supporting callback mechanisms to the backend. Any conven- 
tional method can be used for these purposes. Further, given the detailed description of CML provided herein, various 
tools and development environments associated with use of the Inventive markup language may be realized by those 
skilled in the art. 

20 

II. MULTIMODAL BROWSER 

[0148] The following is a description of a multimodal browser according to the present invention. This section is 
divided into the following subsections for ease of reference: (A) Introduction; (B) Multimodal Shell; (C) Multimodal Shell 
25 and CML; (D) CML and Multimodal Synchronization; (E) CML and Application Authoring; (F) Illustrative Embodiments; 
(G) Alternative Embodiments. 

A. Introduction 

30 [0149] Before describing multi-modal browsing according to the present invention, the following is a summary de- 
scription of some of the above-referenced patent applications with concepts relating to CML and the multi-modal brows- 
er of the present Invention. For ease of reference, the related applications are referred to via their respective attorney 
docket numbers, 

[0150] Y0999-111 discloses the concepts of: conversational computing, conversational user interface, and conver- 
ts sational application platfonn (CVM - Conversational Virtual Machine). The functionalities and behavlor/servtees de- 
scribed In Y0999-111 and provided by CVM can be, in practice, implemented by the multi-modal browser of the inven- 
tion, or by applications which offer a conversational user interface. However, at a conceptual level, it is assumed that 
CVM implements all the necessary services to support the browser of the invention. 

[0151] Y0998-392 discloses the use of a declarative programming language (referred to as "CML" but which is 
40 different then the language of the invention) to program a conversational application (i.e., multi-modal). The Y099B-392 
language is a declarative language that supports the multi-modal/conversational user interface. In practice, the exam- 
ple/embodiment provided therein consists of ML pages written according to the "multiple authoring" model instead of 
single authoring as provided for in accordance with the present invention. Different examples of the declarative pro- 
gramming language where taught: 

45 

(I) the speech only ML, also called SpeechML which led to VoiceXML; 

(ii) Multiple files (HTML and VoiceMXL or WML and VoiceXML) with synchronization tags between the files; 

(iii) Single files with multiple modality descriptions (e.g.. <MM><Speech>Speech rendering info </speech> <GUI> 
GUI rendering info </GUI></MM> etc.), again with synchronization info; 

50 (iv) Single file with frame-like model to split the information associated with different modalities (e.g., the speech 

content is presented in a "speech frame" in addition to the HTML page). 

[0152] None of these items address single authoring. Nor do they address supporting from CML, any target legacy 
ML (channel), or the concept of gesture or gesture-based XSL. 
55 [0153] Y0999-178 describes a generic multi-modal shell. It describes how to support and program synchronized 
multi-modal applications (that they be declarative, imperative or hybrid). It uses registration tables where a each ap- 
plication modality registers its state, the commands that it supports and the impact of these commands on the other 
modality. Again, no teaching of gestures and single authoring. An embodiment describes the architecture when the 
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application is a browser (i.e., a browser associated to the rendering of each modality) and the shell receives a CML 
page (as defined in Y0998-392): builds the registration tables and therefore synchronizes across the modalities. 
[0154] Now. as will be explained in the following description, the present invention provides for a multimodal browser 
architecture. Such a multimodal browser, as will be described below, makes use of the features and advantages of 

5 CML and the conversational gestures of the language, as described above in detail In Section I, to pemiit a user to 
access Information In any modality and on any device supported by the application. For example, visual and spoken 
interaction with the multimodal browser is abstracted using a core set of conversational gestures and represented 
using CML. Conversational gestures are realized appropriately by each interaction modality. Light-weight information 
applications (infoware) may be authored using these basic conversational gestures, and the resulting content when 

10 rendered is projected to a modality/device specific markup language or wire protocol, e.g., VoiceXML, WML, to name 
a few. 

B. Multimodal Shell 

15 [0155] At the center of operation of the multimodal browser is a multimodal shell mechanism. The multimodal shell 
acts as a server to multiple user interface clients or browsers. Browsers providing different Interaction modalities, e. 
g.. a visual HTML browser or an auditory VoiceXML browser, register as clients with the multimodal shell. User Inter- 
action proceeds by the multimodal shell traversing the CML document. During this traversal, the shell orchestrates the 
user's interaction with specific pieces of CML infoware by: 

20 

(i) Initiating user Interaction by passing out an interaction-specific representation of the current CML node to all 
registered clients. 

(ii) Waiting for an infomnation update from all registered clients that have received the current CML node. 

(iii) Possibly resolve conflicts between received Infonr^ation, e.g. the user speaks right and points to the left. 
25 (iv) Updates the currerit CML node based on the information update just received. 

(v) Upon successfully executing an update, the shell passes the newly updated applk:ation state to all registered 
browsers. 

C. Multimodal Shell And CML 

30 

[0156] As explained above, a CML application is an aggregation of a set of standard conversational gestures. Such 
conversational gestures fonn the basic building blocks of the complete dialog which makes up applications. For ex- 
ample, in a particular application, the primary task of the application designer is to specify: 

35 (i) Specify the items of infomiation to collect from the user. 

(Ii) For each requisite item, specify the constraints, e.g., select from a set, etc. 

(iii) Update the application state as each item of information is furnished. 

(iv) Package up the collected items of infonnation and submit it to a back-end appllcatton server 

40 [01 57] Notice that as specified, the tasks above are Independent of the interaction modality in use. 

[0158] Different user interface front-ends, e.g., a visual WWW browser, an auditory VoiceXML browser, etc., map 
these tasks to appropriate user interface widgets. 

[0159] CML documents are hosted by a generic multimodal shell. The shell serves different user Interface realiza- 
tions, e.g., a visual HTML browser, or an auditory VoiceXML browser. Browsers that wish to be clients of the shell hold 
45 a weak reference to the current application state. Registered clients are notified by the shell when the application state 
changes; each client then queries Its own weak reference to the application state to extract the relevant Information 
that it wishes to present to the user. 

[01 60] The user traverses the CML document by interacting with the application via one of the registered browsers. 
As user interaction proceeds, alt registered browsers are notified about the current CML node that is the focus of 
50 interaction, and consequently update their presentation as needed. The shell keeps track of the cun-ently open CML 
documents, as well as their corresponding application slates. Where required, the conversational shell can provide 
succinct summaries of the state of any of the currently open applications. Infonnation submitted via any one of the 
registered clients is mediated by the shell, which takes care of notifying other registered clients and, where necessary, 
the back-end application server. 

55 

D. CML And Multimodal Synchronization 

[01 61 ] Synthesizing the interaction-specific rearizatlons of an application from a single CML representation enables 
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us to synchronize the different aspects of the nnultinnoda) interface. Each node in the CML representation is tagged 
with a specific node-id. When the CIVIL representation is mapped to an interaction-specific representation, e.g., HTML 
or VoiceXML, nodes in the resulting mapping are tagged with the node-id of their corresponding node in the CML 
representation. When the user interacts with the browser via a specific modality, the multimodal shell maps the cun'ently 

5 active nodes In the application back to the original CML representation by looking up the relevant node-Id. As application 
state changes due to user Interaction, the shell passes the modified applk:ation state along with the node-id of the 
modified node to all clients that have registered to be notified. Notified applications update the corresponding nodes 
in their interaction-specific representation by checking against the node-id. Notice that registered applications essen- 
tially need to hold a weak reference to the underlying application state. As the interaction-specific rendering engine 

10 updates the necessary nodes, the weak reference will cause the infomnation relevant for the update (and nothing but 
the required infomation) to be automatically retrieved from the shell. 

[01 62] Referring now to FIG. 9, a new interpretation of the MVC model is shown. In accordance with the new inter- 
pretation, the model is the CML description of the Interaction. The view is the result of applying the gesture-based XSL 
transformation rules to generate the different target ML that are rendered (views) in the different rendering browsers. 
'5 The browser offer through the interaction with the user to control the model (and modify its state when a I/O event 
occurs in one of the rendering browser). In accordance with FIG. 9, imagine that VO is the GUI view (e.g.. iHTML) and 
V1 is the speech view (with natural language or not). CO is the mono-nnodal HTML browser only control/interaction. 
CI Is the synchronized multi-modal view. C2 is the mono-modal speech control. This approach is fundamentally a new 
paradigm. 

20 

E. CML And Application Authoring 

[0163] Application creators may interact with a WYSIWYG (what you see is what you get) authoring tool to produce 
CML representations of their application. Applications represented in CML are mapped to an interaction-specific rep- 

25 resentation, e.g., VoiceXML or HTML using a standard set of style transformations. Where required, user interface 
designers may create custom style transf omnations to design a specific look and feel or sound and feel. CML authoring 
tools may also b© created that allow clients to map legacy HTML-only WWW applications to CML for deployment on 
the multimodal browser ptatfomri. Such a tool provides the necessary bridge to help customers deploy existing WWW 
applications on the VoiceXML platfonm; this solution Is more attractive than directly re-authoring to VoiceXML, since 

30 nnapping existing applications to CML once enables deployment across a variety of multimodal browser settings. This 
is true also for HTML. WML (and other legacy ML). 

F. Illustrative Embodiments 

35 [01 64] Referring now to FlGs. 1 0-1 2. a migration road map from existing systems to full use of CML in a multimodal 
browsing environment according to the present invention is shown. 

[01 65] FIG. 1 0 illustrates the current fat client web programming model. Content is mostly written in HTML (statcally 
stored in that format or dynamically generated). When the content needs to be adapted to a particular browser (e.g., 
a given version of Internet explorer or Communicator), specific style sheets that are a function of the target browser, 

40 as well as the type of content, are built. This is usually a XMUXSL authoring approach. If another channel/modality 
(WML, CHTML, VoiceXML, etc.) is required, the content must be re-written or the content, when written in HTML or 
XML, needs to follow very specific rules and be of a type/domain well known so that some generk: application/business 
logic dependent XSL rules can be used to produce these modality specific legacy languages and/or the XSL rules 
must be re-authored very often. This leads to a plethora of multiple authoring, that It be directly in the different legacy 

4s languages or that It be In different style sheets that transfonm a single XML content into these different legacy MLs. 
Eventually, today, there Is more and more need for access to the Web (i.e., mostly by exchanging HTML), wireless 
network (mostly WML, but other standards exist] and telephone (mostly Vok^eXML). Because multiple authoring is the 
only solution, the sites that offers such type of servk;es usually are only closed sites (limited amount of services/content 
- by opposition to the open full web content) with limited amount of sen/ice/content providers or enterprise sites. There 

so is no existing solution to offer access to any information, anywhere, at any time through any access device and let the 
user manipulate it. The different legacy languages (including XML) do not contain the necessary infomiation to appro- 
priately handle different parts of the page in other modalities (e.g., the grammars and other arguments for the conver- 
sational engines are missing, etc.). 

[0166] FIG. 11 describes the first step to deploy CML end use the programming by interaction programming model 
55 and conversational computing paradigm. This solution can use today's existing infrastructure in temns of the transport 
protocols and network (e.g., telephony PSTN, wireless networks (voice and/or data), voice over IP, TCP/IP- HTTP, WAP, 
etc.) and legacy browsers (e.g.. HTML browser, WML browser. VoiceXML browser etc.). If content is available in CML. 
it can be transcoded, on the fly, to the target legacy ML supported by the requesting browser whenever a page is 
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served, whether It be statically or dynamically generated. Determination of the target ML Is based on the type of browser 
or IP of the gateway, browser, server: a WAP gateway receives WML pages, a browser describes Its requirement based 
on descriptors (in http headers) or the access mechanism (e.g., http would imply HTML - at least at the beginning of 
the deployment, until some CML browsers are available). The determination can also be made depending on the 
5 requested page: if the browser asks from a xxxx.htmt, it means that CML Is transcoded into HTML. If it asks for yyyy. 
vxml, it means that it is transcoded into a VolceXML, etc. Clearly, this guarantees support of the current infrastructure 
and any of its future evolutions. 

[0167J When a CML browser (i.e., conversation/multi-modal) is released, it will request CML pages (i.e.. zzzz.cml) 
and can also describe itself as CML browser. In such case, the pages are served without any transcoding. This guar- 

10 antees smooth transition from legacy/today's Infrastructure to a CML/conversational dominated web programming par- 
adigm. Now, legacy content, (i.e., static or dynamic content written in HTML, WML, VoiceXML and/or other legacy 
languages) needs to be transformed in CML. Tools can be used at best to "guess" the CML target that then needs to 
be verified and re-edited manually. However, for the same reasons as explained above, a viable automatic transcoding 
system can be used when the original pages have been built according to specific rules, or when the XML tags are 

15 well defined (domain specific) so that their role in the page is well defined. 

[0168] FIG. 12 shows the next step in the deployment road map, when CML conversational (multi-modal browser) 
become the nomri. Accordingly, the transcoding is now part of the browser, the pages are authored and served in CML. 
When a legacy (i.e., non-CML) page is provided, it is fetched by the multi-nrx>dal shell but then It will be directly trans- 
mitted to the corresponding rendering browser that handles the corresponding modality. 

20 [0169] CML content and legacy content of course still needs to be authored or transformed to CML as described 
above. 

[0170] Referring now to FIG. 13, a block diagram is shown of a multimodal browser architecture according to the 
present invention. As shown, a multimodal browser 60 comprises a mutimodal or conversational shell 62, a GUI ren- 
dering browser component 64 and a speech rendering browser component 66. The mutimodal shell is also referred to 

25 as a "virtual browser." It is to be understood that while the multimodal browser 60 depicts the use of two modalities; 
vision (browser component 64) and speech (browser component 66), the invention is not limited to these modalities. 
The multimodal browser 60 operates generally as follows. A user desiring to access an application interfaces with a 
client device (e.g.. personal computer, laptop computer, personal digital assistant, etc.) on which all or portions of the 
multimodal browser resides. In the general case shown in FIG. 13, the user can do this via a textual and/or graphic 

30 interface (GUI input/output), and/or the interface can be via speech (audio input/ouput). While FIG. 13 Illustrates the 
multimodal browser 60 in one block, it will be explained below that the multimodal browser may be implemented over 
multiple devices, including both client and server computer systems, 

[0171] Based on the user's request, the multimodal browser 60 sends an appropriate URL to a content server 69, 
whrch also services conversational engines 68 that may also reside on the client device, in order to request access to 
35 the particular desired application. CML code associated with the application is then downloaded from the content server 
69 to the multimodal browser 60. The multimodal browser then generates the modality specific renderings (GUI rep- 
resentation and/or speech representation] based on the conversational gestures associated with the CML code. The 
user thus interacts with the browser 60 via these representations. 

[0172] Referring now to FIG. 14 (with continued reference to FIG. 13), a more detailed flow diagram is shown illus- 
40 trating the operation of a multimodal browser according to one embodiment of the invention. An application developer 
writes an application, e.g., a light-weight application referred to as infoware. in CML. Infoware authored in CML is 
hosted by the a conversational shell (e.g., multimodal shell 62 of FIG. 13) that mediates amongst multiple modality 
specific browser components (e.g., visual browser 64 and speech browser 66 of FIG. 1 3). The multimodal shell may 
be thought of as a CML interpreter or processor. This is illustrated in FIG. 14 as block 70. User Interaction proceeds 
45 by the CML Interpreter mapping CML Instances associated with the downloaded CML code to appropriate modality- 
specific languages such as HTML (block 77) and VoteeXML (block 78). These modality-specific representations render 
modality-specific versions of the dialog associated with the application. As illustrated in block 70, the nodes (A) and 
an-ows (B) represent the declarative program in CML. The gestures in the CML program are represented by each of 
the nodes and the arrows represent the flow of the interaction/dialog with possible bifurcation points or loops. Each 
50 gesture is identified by a node ID (node_id) that allows appropriate Identification of the activated gesture for synchro- 
nization between the different registered modalities. The nodejd identifies the gesture so that the CML browser (i.e., 
the multimodal shell or virtual browser) knows where it is in the dialog flow and where to go from there (e.g., update 
the different modalities or send variables to the sen/er and fetch a new CML page). 

[0173] The transfonnation from CML to modality-specific representations 77 and 78 is governed by XSL transforma- 
55 tion rules (or other transfonmation mechanisms, as mentioned above). These XSL rules are modal ity-specif to. These 
transformations are handled by the presentation generation block 72 in accordance with the XSL rules 74 and the 
registration table 76. The registration table 76 is a repository of default gesture XSL transfomnation rules, as well as 
the specific rules that are extensions, application specific, device specific or user specific. In the process of mapping 
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the CML instance to an appropriate modality-specific representation, the XSL rules add the necessary information 
needed to realize modality-specific user interaction. As an example, when translating element select to VoiceXML, the 
relevant XSL transformation rule handles the generation of the grammar that covers the valid choices for that conver- 
sational gesture. 

5 [0174] The process of transfonming CML instances to modality-specific representations such as HTML may result 
In a single CML node mapping to a collection of nodes In the output representation. To help synchronize across these 
various representations, CML attribute node^id is applied to all output nodes resulting from a given CML node. When 
a given CML instance is mapped to different representations, e.g.. HTML and VoiceXML by the appropriate modality- 
specific XSL rules, the shape of the tree in the output is likely to vary amongst the various modalities. However, attribute 

10 node_id allows us to synchronize amongst these representations by providing a conceptual backlink from each mo- 
dality-specific representation to the originating CML node. This is graphically depicted In block 70 of FIG. 14. 
[01 75] As user interaction proceeds, variables defined in the environment by the current CML Instance get bound to 
validated values. This binding happens first in one of the modality-specific representations (registered clients) 77 and 
78. The modality-specific representation sends an appropriate message to the CML interpreter (multimodal shell) corn- 
's prising of the updated environment and the nodejd of the gesture that was just completed. Once the updated binding 
has been propagated to the CML interpreter, it messages all modality-specific representations with the nodejd of the 
gesture Just completed. Modality-specific representations update their presentation upon receh/ing this message by 
first querying the CML interpreter for the portion of the environment that affects their presentation. 
[0176] FIG. 16 Illustrates the different steps perfonmed by a CML multi-modal browser according to one embodiment 

20 of the present Invention. When a CML page is fetched by the browser, the browser parses the CML content, e.g., similar 
in operation to an XML parser (step 90). The browser builds an internal representation of the interaction (i.e., the graph/ 
tree of the different gestures described in the page) and the node-id. Using the gesture XSL transformation (or other 
transfomiation mechanisms like Java Beans or Java Server Pages) stored in the browser (block 98), It builds (step 98) 
the different ML pages sent to each rendering browser (block 1 00). Upon I/O events in a modality, the effect is examined 

25 (step 92) at the level of the interaction graph (i.e., as stored in the MM shell Registration table (block 94) as described 
in Y0999-178). Note that the gestures XSL transfomnation rules can be ovenwritten by the application developer indi- 
cating where they should be downloaded. They can also be overwritten by user, application or device preference from 
what would be othenwise the default behavior. New gestures can also be added, in which case, the associated XSL 
rules must be provided (e.g., a URL where to get them). 

30 [0177] As previously mentioned, the present invention provides for a multi-device or distributed browsing environ- 
ment Due to the nature of CML and its ability to the effectively synchronize multiple browsers, various portions of an 
application may reside and be executed on separate computing devices. A user may then simultaneously interact with 
more than one device, e.g., a laptop computer and a cellular phone, when accessing an application. This is actually 
not limited to browsing in different modalities: even in a same modality (e.g., GUI only), the same principle can be used 

35 to describe in advance what are the devices where some content needs to be rendered and to synchronize this rendering 
across modalities: e.g., diplay of image on one devk:e, video in another and text plus background in a third. Another 
example is: text and images in one and applets in another etc. Many more examples are easily conceivable. This would 
require using customized gestures or gesture XSL rules. Alternatively, this would require another mark-up (with other 
gestures and default rendering) to do that. 

40 [01 78] Referring now to FIG. 1 6, such a distributed browsing environment is Illustrated. The functions and operations 
of the multimodal browser 62, the visual browser 64 , the speech browser 66, the conversational engines 68 and the 
content server 69 are the same as described above with respect to FlGs. 13 and 14. However, as can be seen, the 
components are distributed on multiple computing devices. For example, the multimodal browser 62 resides on a server 
80, the visual browser 64 resides on a client device 82, and the speech browser resides on a server 84. These client 

45 and server devices may be In communication via the WWW, a local network, or some other suitable network. The user 
may be local to the client device 82, while the servers 80 and 82 are remotely located. Alternatively, all or some of the 
computing systems may be collocated. Since the user interacts directly with the client device 82, audio input/output 
facilities 86 (e.g., microphone and speaker) are provided at the device 82, which are connected to the speech browser 
at the server 84. As can be seen, the same synchronized operation of a CML application may be accomplished even 

so though the various components of the multimodal browser are located on separate computing devices. 

[01 79] It is to be appreciated that each client device and server described above for implementing the methodologies 
of the present invention may comprise a processor operative ly coupled to memory and I/O devices. It is to be appre- 
ciated that the temn "processor" as used herein is intended to include any processing device, such as, for example, 
one that includes a CPU (central processing unit). The term "memory" as used herein is intended to include memory 

55 associated with a processor or CPU, such as, for example, RAM, ROM, a fixed memory device (e.g., hard drive), a 
removable memory device (e.g., diskette), flash memory, etc. In addition, the tenm "input/output devices" or "I/O devices" 
as used herein is intended to include, for example, one or more Input devices, e.g., keyboard, microphone, etc., for 
inputting data to the processing unit, and/or one or more output devices, e.g. , CRT display, a speaker, etc., for presenting 
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results associated with the processing unit. The Input/output devices are modality specific and therefore other devices 
may be employed, tt is also to be understood that "processor" may refer to more than one processing device and that 
various elements associated with a processing device may be shared by other processing devices. Accordingly, soft- 
ware components including instructions or code for performing the methodologies of the invention, as described herein. 
5 may be stored in one or more of the associated memory devices (e.g., ROM, fixed or removable memory) and, when 
ready to be utilized, loaded in part or in whole (e.g., into RAM) and executed by a CPU. 

G. Alternative Embodiments 

10 [01 80] Among the possible extensions that trivially result from the teaching of this invention we have the following, 
(i) Multi-device browsing (even in a given modality) as discussed above. 

(11) Multi-geographic support: some gestures (e.g., telephone number, address etc.) can be adapted to the local 
fonnat as well as language. This can be combined with atext-to-text translation system to provide a fully automatic 
localization mechanism (select yes/No, becomes select Oui/Non) trivially through different XSl rules. Alternatively, 
in the absence of such an automatic transcoder, the system can be used as part of development/localization tools 
to speed up the localization/internationaliratlon, geography/region adaptation. 

(ill) Conversational Foundation Class: The conversational foundation classes where Introduced In Y0999-111 as 
being imperative dialog components that are independent of the modality and that can run in parallel and in series 

20 to build more complex dialogs. Combined with the services provided by the conversational application platform 

(CVM - conversational virtual machine), they allow programming of imperative conversational (multi-modal appli- 
cations) by loading/linking to the libraries of these foundation classes that the platfonn provides. As each CVM 
platforms provides it, the application developer can use thenfi and not won7 about the rendering within the modality/ 
modalities supported by the device and their synchronization. Accordingly, each gesture defined declarativcly in 

25 the CML specification provided herein can have a imperative implementation (e.g., in Java) that can run in series 

(one after the other) or in parallel (more than one active - like more than one fomt active at a time). Programming 
in CFC is equivalent to programming imperatively by Interaction: you use and link to the some Imperative gesture, 
you hook it to the backend and connect the gesture together by conventional code. You may add some modality 
specific customization in this code or in the CFC arguments. Then, you let the platfonm (CVM or a browser that 

30 implements the same level of functionality) handle the rendering within the appropriate modality and appropriate 

synchronization between modality as hard coded in the foundation class. An example would be a case where all 
the foundation classes are provided as Java Classes. This allows extension of the programming by interaction 
model to Java applets or servlets, etc. 

(iv) Hybrid programming by interaction is a combination of declarative and imperative: CML pages with calls to 
35 CFC and other objects built using CFC (and more task specific) e.g.. java applets. Therefore, the programming by 

Interaction programming model Is to be considered as generally covering all the programming modes. 

(v) Scripting: CML can support any scripting that we want to re-use (ECMA Script as defined at http://www.ecma. 
ch/stand/ecma-262.htm, etc.) directly as a scripting language of the multi-modal shell. Modality specific scripts 
(tike Javascript or WML script) have to be considered as modality specific scripting languages. Although it is pos- 

40 Bible to define today (i.e.. for the step where we use today's Infrastructure) a more detailed behavior of how an 

ECMA script in CML would be transcoded for legacy browser, they can be simply handled as modality specific (i. 
e., like an image). 

[0181] Although Illustrative embodiments of the present invention have been described herein with reference to the 
45 accompanying drawings, it is to be understood that the Invention is not limited to those precise embodiments, and that 
various other changes and modifications may be affected therein by one skilled In the art without departing from the 
scope of the invention. 

50 Claims 

1 . A method of programming an application accessible by a user through one or more computer-based devices, the 
method comprising the steps of: 

representing interactions that the user is pemnltted to have with the one or more computer-based devfces 
55 used to access the application by interaction-based programming components; 

wherein the interaction-based programming components are Independent of content/application logic and 
presentation requirements associated with the application, and further wherein the interaction-based programming 
components are transcoded on a cornponent by component basis to generate one or more modality-specific ren- 
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derings of the application on the one or more computer-based devices. 

2. The method of claim 1 , in a client/server arrangement wherein at least a portion of the application is to be down- 
loaded from a server to at least one of the one or more computer-based devices, acting as a client, further com- 

5 prising the step of including code in the application operative to provide a connection to the content/application 

logic resident at the server. 

3. The method of claim 2, wherein the content/application logic connection code expresses at least one of one or 
more data models, attribute constraints and validation rules associated with the application. 

10 

4. The method of anyone of claim 1 to 3, wherein the one or more modality-specific renderings comprise a speech- 
based representation of portions of the application. 

5. The method of claim 4, wherein the speech-based representation is based on VoiceXML. 

6. The method of claim 1 , wherein the one or more modality-specific renderings comprise a visual-based represen- 
tation of portions of the application. 

7. The method of claim 6, wherein the visual-based representation is based on at least one of IHTML, CHTML and 
20 VVML. 

8. The method of anyone of claim 1 to 7, wherein the user interactions are declaratively represented by the interaction- 
based programming components. 

25 9. The method of anyone of claim 1 to 8, wherein the user interactions are imperatively represented by the interaction- 
based programming components. 

1 0. The method of anyone of claim 1 to 9, wherein the representation permits reference to dynamically generated data 
and supports callback mechanisms to the content/application logic. 

30 

11. The method of anyone of claim 1 to 10, wherein the interaction-based programming components comprise basic 
elements associated with a dialog that may occur between the user and the one or nriore computer-based devices. 

12. The method of claim 11 , wherein the interaction-based programming components comprise complex elements, 
35 the complex elements being aggregations of two or more of the basic elements associated with the dialog that 

may occur between the user and the one or more computer-based devices. 

13. The method of anyone of claim 1 to 12, wherein one of the interaction-based programming components represent 
conversational gestures. 

40 

14. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating infomnational 
messages to the user. 

15. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating contextual 
^5 help Infonnatlon. 

16. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating actions to be 
taken upon successful completion of another gesture. 

50 17. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating yes or no 
based questions. 

18. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating dialogues 
where the user is expected to select from a set of choices. 

55 

19. The method of claim 18, wherein the select gesture comprises a subelement that represents the set of choices. 

20. The method of claim 1 8, wherein the select gesture comprises a subelement that represents a test that the selection 
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should pass. 

21 . The method of claim 20, wherein the select gesture comprises a subelement that represents an enror message to 

presented if the test fails. 

5 

22. 'he method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating rules for val- 
idating results of a given conversational gesture. 

23. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating grammar 
10 processing rules. 

24. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating dialogues that 
help the user navigate through portions of the application. 

15 25. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating a request for 
at least one of user login and authentication infonmation. 

26. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating a request for 

constrained user input. 

20 

27. The method of claim 13, wherein the conversational gestures comprise a gesture for encapsulating a request for 
unconstrained user input. 

28. The method of claim 13, wherein the conversational gestures comprise a gesture for controlling submission of 
25 infomiation. 

29. The method of anyone of claim 1 to 28, further comprising the step of providing a mechanism for defining logical 
input events and the association between the logical input events and physical input events that trigger the defined 
logical input events. 

30 

30. The method of anyone of claim 1 to 29, wherein the component by component transcoding is perfomried in ac- 
cordance with XSL transformation rules. 

31. The method of anyone of claim 1 to 30, wherein the component by component transcoding is perfonned in ac- 
35 cordance with Java Bean. 

32. The method of anyone of claim 1 to 31, wherein the component by component transcoding Is performed in ac- 
cordance with Java Sewer Pages. 

40 33. The method of anyone of claim 1 to 32, wherein representation by the interaction-based programming components 
permits synchronization of the one or more modality-specific renderings of the application on the one or more 
computer-based devices. 

34. The method of anyone of claim 1 to 33, wherein representation by the the interaction-based programming com- 
45 ponents supports a natural language understanding environment. 

35. The method of anyone of claim 1 to 34, further comprising the step of including code for pemiitting cosmetic altering 
of a presentational feature associated with the one or more modality-specific renderings of the application on the 
one or more computer-based devices. 

50 

36. The method of anyone of claim 1 to 35, further comprising the step of including code for pemnrtting changes to 
rules for transcoding on a component by component basis to generate the one or more modality-specific renderings 
of the application on the one or more computer-based devices. 

55 37. The method of anyone of claim 1 to 36, wherein a definition of an underlying data model being populated is sep- 
arated from a maricup language defining the user Interaction. 

38. The method of anyone of claim 1 to 37, wherein a node^id attribute is attached to each component and the attribute 
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is mapped over to various outputs. 

39. The method of anyone of claim 1 to 36, wherein an author is provided with a pass through mechanism to encap- 
sulate modality-specific markup components. 

5 

40. The method of anyone of claim 1 to 39, wherein the components may be active in parallel. 

41. The method of anyone of claim 1 to 40, wherein the representation and transcoding is extensible. 
10 42. The method of anyone of claim 1 to 41 , wherein a state of the application is encapsulated. 

43. Apparatus for use in accessing an application in association with one or more computer-based devices, the ap- 
paratus comprising: 

one or more processors operative to: (i) obtain the application from an application server, the application 
15 being programmatlcally represented by interactions that the user Is permitted to have with the one or more com- 

puter-based devices by interaction-based programming components, wherein the interaction-based programming 
components are independent of content/application logic and presentation requirements associated with the ap- 
plication; and (li) transcode the interaction-based programming components on a component by component basis 
to generate one or more modality-specific renderings of the application on the one or more computer-based de- 
20 vices. 

44. The apparatus of claim 43, wherein the one or more processors are distributed over the one or more computer- 
based devices. 
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<?xml vereion="1.0"?> 

<!~$id: drinlccmU 1.3 1999/11/12 22:35:21 $~> 



<cml node^id=*'0" 
name="drink" 
title="Global Cafe" 
action="htlp:localhost/servlet/drink"> 
<5elect name="drink" 

node^id="1"> 
<messQgc nodeJd="2"> 
Would you like coffee, tea, milk, or nothing'' 
</message> 
<cho!ces nodeJd=**3'*> 
<defoull volue="coffee">Coffee</default> 
<choice volue="tea">TeQ</choice> 
<choice volue='*milk">Milk</choice> 
<choice value='*nolhing">Nothing</choice> 
</choices> 
</selccl> 
</cml> 
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CNN Mobile News 

1. Select News Stories 

2. M 

About CNN Mobile 

This application allows you to select and view CNN news stories 
Back 

Exit CNN Mobile News 

Thankyou for using the CNN news service 
cnn.exit 

Search CNN Mobile News 
Topic Selection 

1. News 

2. Business 

3. Sports 

4. Travel 

5. Weother 

6. Show Business 

News Channel 

Which part of today's news would you like to read? 
I Headlines 1 

Which news category would you like to read? 
Business | 
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FIG. SB 



HTML GUI EXAMPLE 
I cnn.query.news] 

Business Channel 

Which port of today's news would you like to read? 
iHeqdlines 

Which business category would you like to read? 
I news 

cnn.query.business | 

Weather Channel 

Which part of today's news would you like to read? 
Headlines 

Which region ore you interested in? 
United States 
|cnn.query.weather 

Travel Section 

Which port of today's news would you like to read? 
Heodlines 

Which city do you want to visit? 
AMSTERDAM ~ 
|cnn.querY>troYel | 

Sports Channel 

Which port of today's news would you like to read? 
Headlines 

What sports ore you interested in? 



d7 

BNSDOCID: <EP 1100013A2J_> 



EP1 100 013 A2 

FIG. 6C 



HTML GUI EXA MPLE 
I Asia 

cnn^query.sports 





EP1 100 013 A2 



FIG. 8 



CNN Mobile News 



CNN.com f=) 

STORE U 



NEWS 



I. Select News stories 

2, Exit 

3. Hel£ 

About CNN Mobiie 

This application allows you to select and view CNN 
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Search CNN Mobile News 

Topic Selection 
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5. Weather 
6. Show Business 

News Channel 

Which part of toda/s news would you like to read? 
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Which news category would you like to read? 

Business |*| 
cnn. query/news^ 
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